Booklet

author

Hack University

Development

These Are The Top 8 React.JS Frameworks

THESE ARE THE TOP 8 REACT.JS FRAMEWORKS

Material-UI

- Great for startup projects. (Minimum viable products)

- Versatile so we can build a wide range of products.

- Has a great community support with more than 53.6k stars on GitHub.

- Uses Google's Material Design as a foundation with the option to create our own design system.

- Not so great for data-heavy apps.

https://material-ui.com

React Bootstrap

- Based on the core Bootstrap CSS framework.

- Easiest framework to implement. (With prior knowledge of Bootstrap)

- Has thousands of Bootstrap themes to use.

- Is reliable & has great support from the community with more than 16.9k stars on GitHub.

- The visual designs can be generic looking.

https://react-bootstrap.github.io

Ant Design

- Super scalable for many applications.

- Very easy to implement different UI components.

- Ant Design supports modern browsers and Internet Explorer 9+, as well as server-side rendering and Electron.

https://ant.design

Grommet

- A component library meant for responsive and accessible mobile-first web apps.

- It provides accessibility, modularity, responsiveness, and theming all in one small package.

- Used by tech companies like Netflix, GE, Uber, and Boeing

- Has theming tools to help with the customization of color, type, and layout.

- Has more than 5.8k stars on GitHub.

https://v2.grommet.io

Evergreen

- Uses human-friendly HTML for its development framework.

- Has beautifully designed UI components.

- Very easy to implement and has great documentation. It's accessible to junior developers.

- Not great for scalable applications because it has limited components.

- Has more than 9k stars on GitHub.

https://evergreen.segment.com

Blueprint

- Developed by renowned tech company: Palantir.

- Best for data-heavy interfaces.

- Difficult to implement. (It's primarily built for senior front-end developers)

- Has beautiful design components and is mainly focused on desktop applications.

https://blueprintjs.com

Shards React

- Built from scratch and optimized for fast performance.

- Based on Shards, and uses React Datepicker, React Popper (a positioning engine) and noUiSlider.

- Supports Material and Fontawesome icon packs.

- Things can be changed at the code level by downloading the source files.

https://designrevision.com/downloads/shards-react

Onsen UI

- A mobile app development framework that uses HTML5 and JavaScript.

- All the components are auto-styled based on the platform, so it supports both iOS and Android using the same source code.

- The component library employs pure CSS with no JavaScript behavior.

- Has more than 7.8k stars on GitHub.

https://onsen.io/react

Join our tech and design community! @hackuniversity

More booklets by Hack University

More Development booklets

Your recently viewed booklets

  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
See all booklets