Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Clarity Design System for Angular 2

vmware.github.io

Post reply on HN
Print view View original

21–30 of 51 posts

Re: Clarity Design System for Angular 2

#21

Post by jaffoneh »

scwoodal wrote: post #17
jaffoneh wrote: post #2

Hi HN, I lead the Clarity team. Would love to get your opinion and feedback! Clarity is fully open source (we open sourced it this morning). Our repo is here: https://github.com/vmware/clarity . You can also take a look at the Clarity Seed for a quick way to start building Clarity-based applications: https://github.com/vmware/clarity-seed

Can you speak about the long term VMware strategy of this project regarding on-going development? Part of my team's decision making process to use open source projects like this (nice work btw) is to get a feel if the primary contributors are in it for the long haul.

Hi scwoodal, absolutely.

Before deciding to open source, we thought really hard about the long term strategy for Clarity. We did not want to open source the project and not be able to continue to build it. One of the many reasons we felt confident this is going to happen is that in the past year, we've build a very strong Clarity community internally. Over 35 product teams within VMware use Clarity and many more are on the way (many of them have not released yet but they depend on Clarity as a Design System for their future).

The team you see on the community page [0] of Clarity is a 100% dedicated to making Clarity successful. This will become more apparent in the next days and weeks as we continue to push more work into Clarity and continue to have more releases of it!

[0] https://vmware.github.io/clarity/community/

Re: Clarity Design System for Angular 2

#22

Post by water42 »

methyl wrote: post #18

Looks good, but comparing to other systems like this one but for React, it looks it's relying on plain HTML structure to compose layouts vs. using components system to generate and encapsulate HTML. From what I know Angular 2 supports components so I wonder why is this not leveraged here?

what do you mean by this? you can create a component for any one of their html/css components with custom functionality and "plain html" (it's not really plain since it has two way data binding), then use and reuse that component like any other

Re: Clarity Design System for Angular 2

#23

Post by coderageous »

merb wrote: post #10
jaffoneh wrote: post #2

Hi HN, I lead the Clarity team. Would love to get your opinion and feedback! Clarity is fully open source (we open sourced it this morning). Our repo is here: https://github.com/vmware/clarity . You can also take a look at the Clarity Seed for a quick way to start building Clarity-based applications: https://github.com/vmware/clarity-seed

Even if you are VMWare with thousands of developers, do you really think that you can keep up with the speed of development from Angular?

hi, i work with the Clarity team as well (Scott M.)

regarding keeping pace with the Angular team, one thing worth noting is that we were up-to-date with Angular 2 Final within two days after its release.

i think we're good on that.

Re: Clarity Design System for Angular 2

#24

Post by jaffoneh »

water42 wrote: post #19

Hi Clarity team, What would you say the primary motivation in switching from material2 or ng2-bootstrap to clarity would be? At my work we have an Angular 2 app still in development and have been rather dissatisfied with the available component libraries so far. We're at a point where it wouldn't be unreasonable to switch UI frameworks. Additionally it looks like you have only implemented some of the material design…

Hi water42, I think material2 and other frameworks are fine frameworks and are worth your consideration.

We really built Clarity because we were in your position. No framework out there was able to provide us with what we needed to ship high quality, enterprise software but with modern and consumer-like UIs. We needed that framework to care deeply about user experience (not just provide code) and we wanted to make sure that framework is flexible enough that teams across the company (before we open sourced) can have the ability to understand it, build on top of it, etc.

We really looked around and every time we found something it had a part of the puzzle but not really enough of a part that we can depend on it.

Clarity does not depend on material (the design language), we are definitely inspired by material and others but we're building an end to end design system which includes the user experience and visual language aspects. Behind the components and patterns is a ton of research that we've doing throughout the past few months (and sometimes years depending on the data we have) and want to continue to do. One of our goals is to also share that research in case you can reach different conclusions so the community is able to keep us moving in the right direction.

Re: Clarity Design System for Angular 2

#25

Post by Bahamut »

Disclaimer: I am on the ng-bootstrap team

The demo website loads very slow :( .

I would recommend looking at https://ng-bootstrap.github.io/ for some code design of some of these components - as far as I can gather looking at the source code of Clarity, it appears to not be AoT-compliant, a big thing going forward with Angular due to the immense perf benefits it brings, and opens up the gate for also being able to use Web Workers/Service Workers.

Re: Clarity Design System for Angular 2

#26

Post by coderageous »

Bahamut wrote: post #25

Disclaimer: I am on the ng-bootstrap team The demo website loads very slow :( . I would recommend looking at https://ng-bootstrap.github.io/ for some code design of some of these components - as far as I can gather looking at the source code of Clarity, it appears to not be AoT-compliant, a big thing going forward with Angular due to the immense perf benefits it brings, and opens up the gate for also being able to us…

Thanks for the feedback, Bahamut.

AoT-compliance is something we're looking into. Definitely on the sooner end of our roadmap.

Re: Clarity Design System for Angular 2

#27

Post by jaffoneh »

Bahamut wrote: post #25

Disclaimer: I am on the ng-bootstrap team The demo website loads very slow :( . I would recommend looking at https://ng-bootstrap.github.io/ for some code design of some of these components - as far as I can gather looking at the source code of Clarity, it appears to not be AoT-compliant, a big thing going forward with Angular due to the immense perf benefits it brings, and opens up the gate for also being able to us…

Hi Bahamut, welcome! we'd love to chat with you guys (feel free to reach out to me with a DM on twitter). We'd love to share what we learned and learn from what you learned!

As for the slowness of the page, this is GitHub. It is currently down :(

As for AOT, that's definitely a priority for us (we were talking about it as a team yesterday and are working hard to make it a possibility for Clarity so we're definitely on the same page there).

Re: Clarity Design System for Angular 2

#30

Post by scwoodal »

jaffoneh wrote: post #21
scwoodal wrote: post #17

Earlier quoted context omitted.

Can you speak about the long term VMware strategy of this project regarding on-going development? Part of my team's decision making process to use open source projects like this (nice work btw) is to get a feel if the primary contributors are in it for the long haul.

Hi scwoodal, absolutely. Before deciding to open source, we thought really hard about the long term strategy for Clarity. We did not want to open source the project and not be able to continue to build it. One of the many reasons we felt confident this is going to happen is that in the past year, we've build a very strong Clarity community internally. Over 35 product teams within VMware use Clarity and many more are…

Thank you for the quick reply. It sounds like the type of project we could use some day. I appreciate your work and kudos to the Clarity team on the release.
Post reply on HN