logo
Published on

Top 5 React JS libraries you should know | Try best React Libraries in 2021

featured Image
Authors

React JS is released on 29 May 2013 by Facebook and it has a very large community. By using prebuild components, we can make development easy. I am going to tell you some good libraries that you should try in 2021-

1. React Toolkit

undefined

It is used for the efficient development of redux. It has over 1 million weekly downloads over NPM. It is also known as "Redux Starter Kit".

To know more about the redux toolkit, click [here](https://codingcafe.co.in/post/switch-to-new-way-of-react-redux/.

you can install it by using npm-

npm i @reduxjs/toolkit

By using redux toolkit, you can get rid off-

  • "Configuring a Redux store is too complicated"
  • "I have to add a lot of packages to get Redux to do anything useful"
  • "Redux requires too much boilerplate code"

2. Material UI

undefined

Material UI is the most popular react Js framework for UI. It have number of ready to use components.

MUI provides a robust, customizable, and accessible library of foundational and advanced components, enabling you to build your own design system and develop React applications faster.

You can add material UI to your project using NPM-

// with npm
npm install @mui/material @emotion/react @emotion/styled
// with yarn
yarn add @mui/material @emotion/react @emotion/styled

3. React-Bootstrap

undefined

React Bootstrap is most popular front-end framework for UI development. React-Bootstrap is a complete re-implementation of the Bootstrap components using React. It has no dependency on either bootstrap Js or jQuery.

You can react bootstrap using NPM-

npm i react-bootstrap

4. React Motion

undefined React motion is a library that is used for animation. There are some good animations that you can use in your project-

  • Simple Transition
  • Chat Heads
  • Draggable Balls
  • TodoMVC List Transition
  • Photo Gallery
  • Spring Parameters Chooser
  • Water Ripples
  • Draggable List

You can install React Motion by using NPM-

npm i react-motion

5. Evergreen

undefined

Evergreen is a React UI Framework for building awesome products on the web. It has large number of ready to use components.

You can install evergreen using NPM or Yarn-

$ npm install evergreen-ui
// OR
$ yarn add evergreen-ui