Evergreen / General

What sets Evergreen apart from other React UI frameworks?

What sets Evergreen apart from other React UI frameworks?

Evergreen/General路 August 21, 2018 at 8:56am

What sets Evergreen apart from other React UI frameworks?

Evergreen聽/聽General聽路聽August 21, 2018 at 8:56am
...apart from being Segment's, of course. 馃槈

August 21, 2018 at 3:24pm

Great question Max! Evergreen was solve my own problems for prototyping products quickly. Most components are build with ui-box, a React primitive that allows you to pass CSS properties as React prope straight on your component. This solves a lot of layout and spacing questions, and in most cases the height prop governs the size of a element. For example, <Button height={40} /> will work.

like-fill
1
  • reply
  • like

Evergreen is still relatively young and there are still many things to work on. There are more mature systems out there. But I have had multiple people switch from Ant Design to Evergreen and really enjoy it.

like-fill
1
  • reply
  • like

I see Evergreen currently as unapologetically accepting non-responsive desktop UI, CSS-in-JS and finally component abstractions all the way through, at no point are you dealing with class names. Some of those things might change in the future.

like-fill
2
  • reply
  • like

Great framework! I like how you use Portal for the dialog https://github.com/segmentio/evergreen/blob/master/src/portal/src/Portal.js

  • reply
  • like

August 21, 2018 at 6:27pm

@erickeno v4 has a Stack component that helps with endlessly stacking Dialogs and other interaction patterns.

  • reply
  • like

August 21, 2018 at 9:59pm

nice! it would be great to also have a duration for the corner Dialog just like the alert.

  • reply
  • like

looking at the PR for v4 it has a ton of amazing updates

like-fill
1
  • reply
  • like

September 5, 2018 at 5:29pm

@jeroen-ransijn Can you elaborate on 鈥渁ccepting non-responsive desktop UI鈥? Does that mean that mobile/small-screen devices are not and will not be on your radar for Evergreen? On a related note: is there published info about browser support?

  • reply
  • like

September 24, 2018 at 6:06pm

@briandrum currently we don't have a strategy for responsive UI. We currently have not done extensive browser testing, overall Evergreen supports evergreen browsers聽鈥 browsers that are automatically updated. I do think we should figure out a better strategy here, and have a more official list of supported browsers and versions!

  • reply
  • like

October 17, 2018 at 1:45pm

I'm guessing you looked at https://blueprintjs.com 鈥β爓hat does it lack that made you interested in building your own framework?

  • reply
  • like

October 17, 2018 at 6:07pm

@ericbrookfield BlueprintJS, AtlasKit are all great frameworks and a huge inspiration for Evergreen. We started out building our own and have slightly different needs.

  • reply
  • like
Your message here...

*bold*_italic_`code````codeblock```