Features of Evergreen

  • Theming: Evergreen supports a robust theming layer out of the box. Evergreen ships with an all new, extensible theming architecture that lets users customize the look of the page and feel of the components in Evergreen as you want. You can target arbitrary styles and states of each component to achieve maximum flexibility and alignment with your brand. This page goes over some options and background of the theming architecture, and how you can leverage it in your apps.
  • Server Side Rendering (SSR): Evergreen provides server-side rendering and automatic hydration. For the sake of easiness server-side rendering and hydration, Evergreen exposes a extractStyles() function that will do SSR for both at once.
  • SSR with Gatsby: It is easily compatible with gatsby.

ReactJS Evergreen

Evergreen is the React UI framework. Evergreen is a design system for building awesome products on the web. It contains a set of React components that works out of the box, built on top of React UI primitive for endless composability. It provides a flexible framework and lots of visual design. Evergreen is an open-source tool with 11.5k GitHub stars and 760 GitHub forks.

Similar Reads

Tenet of Evergreen

Works out of the box: Evergreen contains React components that work out of the box. Flexible & composable: Evergreen components are built on top of a React UI Primitive for endless composability. Enterprise-grade: Evergreen features a UI design language for enterprise-grade web applications....

Prerequisites

React version react@16.8.0 or higher is installed in your system.React DOM version react-dom@16.8.0 or higher is installed in your system....

Using Evergreen

Step 1: Primarily, we have to create a React app by following command:...

Features of Evergreen

Theming: Evergreen supports a robust theming layer out of the box. Evergreen ships with an all new, extensible theming architecture that lets users customize the look of the page and feel of the components in Evergreen as you want. You can target arbitrary styles and states of each component to achieve maximum flexibility and alignment with your brand. This page goes over some options and background of the theming architecture, and how you can leverage it in your apps. Server Side Rendering (SSR): Evergreen provides server-side rendering and automatic hydration. For the sake of easiness server-side rendering and hydration, Evergreen exposes a extractStyles() function that will do SSR for both at once. SSR with Gatsby: It is easily compatible with gatsby....