Evergreen: a React UI Framework built by Segment • Hacker News Board

Re: Evergreen: a React UI Framework built by Segment

#11

Post by shimms » Wed, Oct 17, 2018, 3:32 AM UTC

ianhawes wrote: post #10

This list was posted a few weeks ago, but here is a fairly definitive list of similar UI frameworks: https://element.eleme.io/ https://ant.design/ https://quasar-framework.org/ https://at-ui.github.io/at-ui/ https://developer.microsoft.com/en-us/fabric https://vmware.github.io/clarity/ http://appnexus.github.io/lucid/ https://ng-lightning.github.io/ng-lightning/ https://blueprintjs.com/ http://www.jetbrains.org/ring-…

Thanks - that's a great list.

Some of them (atlaskit, MS fabric, Jetbrains, vmware etc) are geared towards building an integration withing those company's products. Whilst they can be used independently (without assets in Fabrics case, and other restrictions in the others), my take is the Evergreen (and ant, etc) are geared towards isolated products, similar to Bootstrap.

If you're building an addon for use in an Atlassian product, or an Office 365 product, these are a great way to stay consistent with the host application's look and feel.

Re: Evergreen: a React UI Framework built by Segment

#12

Post by [deleted] » Wed, Oct 17, 2018, 3:35 AM UTC

tptacek wrote: post #2

So far, I'm aware of Material-UI, Grommet, Bootstrap, and this for React. Are there others worth knowing about? This looks good, though it also feels like it leans towards native controls; see Select vs. Select Menu, for instance. Material and Grommet have a unified style thing going on that this doesn't seem to. But this has more controls and seems more mature.

[deleted]

Re: Evergreen: a React UI Framework built by Segment

#13

Post by andreygrehov » Wed, Oct 17, 2018, 3:40 AM UTC

This one is actually quite cool. I like it more than Ant. Given the number of GitHub stars, it looks like the framework has been around for quite a while. Never heard of it. One thing that I like about Ant.Design is that it's written with TypeScript. Wonder why Segment decided to go with JS, given that they position it for Enterprise apps.

Re: Evergreen: a React UI Framework built by Segment

#14

Post by threeseed » Wed, Oct 17, 2018, 3:42 AM UTC

shimms wrote: post #11

ianhawes wrote: post #10

This list was posted a few weeks ago, but here is a fairly definitive list of similar UI frameworks: https://element.eleme.io/ https://ant.design/ https://quasar-framework.org/ https://at-ui.github.io/at-ui/ https://developer.microsoft.com/en-us/fabric https://vmware.github.io/clarity/ http://appnexus.github.io/lucid/ https://ng-lightning.github.io/ng-lightning/ https://blueprintjs.com/ http://www.jetbrains.org/ring-…

Thanks - that's a great list. Some of them (atlaskit, MS fabric, Jetbrains, vmware etc) are geared towards building an integration withing those company's products. Whilst they can be used independently (without assets in Fabrics case, and other restrictions in the others), my take is the Evergreen (and ant, etc) are geared towards isolated products, similar to Bootstrap. If you're building an addon for use in an Atl…

Definitely be careful when using some of them e.g. Atlaskit because they are designed specifically for integration.

And if you use it for something else you may not comply with the license.

Re: Evergreen: a React UI Framework built by Segment

#15

Post by hardwaresofton » Wed, Oct 17, 2018, 3:45 AM UTC

ianhawes wrote: post #10

This list was posted a few weeks ago, but here is a fairly definitive list of similar UI frameworks: https://element.eleme.io/ https://ant.design/ https://quasar-framework.org/ https://at-ui.github.io/at-ui/ https://developer.microsoft.com/en-us/fabric https://vmware.github.io/clarity/ http://appnexus.github.io/lucid/ https://ng-lightning.github.io/ng-lightning/ https://blueprintjs.com/ http://www.jetbrains.org/ring-…

I can recommend Element (the top of the list) -- I've used it on two projects now and it's been pretty refreshingly easy to use and relatively easy to integrate with (when you need to hook into components to make them act a certain way, for example a paginated table).

Re: Evergreen: a React UI Framework built by Segment

#16

Post by keyle » Wed, Oct 17, 2018, 3:47 AM UTC

Great, but not a single clickable item works in Safari :'D

Re: Evergreen: a React UI Framework built by Segment

#17

Post by ericnkatz » Wed, Oct 17, 2018, 3:49 AM UTC

I've been following the repo for quite some time and playing around with it locally. Very very well made UI Framework/Component Library.

Props to @jeroenransijn, @rowno and others!

Re: Evergreen: a React UI Framework built by Segment

#18

Post by ui-explorer12 » Wed, Oct 17, 2018, 3:50 AM UTC

andreygrehov wrote: post #13

This one is actually quite cool. I like it more than Ant. Given the number of GitHub stars, it looks like the framework has been around for quite a while. Never heard of it. One thing that I like about Ant.Design is that it's written with TypeScript. Wonder why Segment decided to go with JS, given that they position it for Enterprise apps.

Blueprint from Palantir is also a solid framework built on TypeScript. It's desktop-first which is quite different from most

Re: Evergreen: a React UI Framework built by Segment

#19

Post by chrisweekly » Wed, Oct 17, 2018, 3:55 AM UTC

mdgrech23 wrote: post #9

chrisweekly wrote: post #3

Earlier quoted context omitted.

Depends if you want a UI _kit_, vs the right tools to make a great custom design system. For the latter, take a look at tailwindcss.

I'm a tailwind fan but that was straight shilling and unrelated to the discussion at hand.

"shilling"? wat

I have no affiliation. And it's pretty uncharitable to say that mentioning tailwind (or other functional css systems) is "unrelated" to a discussion of approaches to applying css to web applications... sigh.

Re: Evergreen: a React UI Framework built by Segment

#20

Post by ui-explorer12 » Wed, Oct 17, 2018, 3:57 AM UTC

ianhawes wrote: post #10

This list was posted a few weeks ago, but here is a fairly definitive list of similar UI frameworks: https://element.eleme.io/ https://ant.design/ https://quasar-framework.org/ https://at-ui.github.io/at-ui/ https://developer.microsoft.com/en-us/fabric https://vmware.github.io/clarity/ http://appnexus.github.io/lucid/ https://ng-lightning.github.io/ng-lightning/ https://blueprintjs.com/ http://www.jetbrains.org/ring-…

I looked at many of these for an assessment at my company. We started a little broader with some css-only solutions as well but they tend to only take you so far; the controls are nice. Key aspects for us were (1) React-based, (2) TypeScript support (bonus for native TS), (3) Applicable to data-dense engineering apps, and (4) a broad-based, healthy ecosystem. I also evaluated Semantic-UI React.

I really like Blueprint JS but I think we'll end up building on top of Ant Design. It's a huge collection of work; they've also started to push Ant Pro which is higher-order components targeting building of admin apps (more opinionated, more than just a UI facade).