DEV Community

Cover image for React Library Suggestions
Danielle Ellis
Danielle Ellis

Posted on

React Library Suggestions

This is a quick introduction to my 3 suggest React Libraries that I think you should try out. Let's dive in.

1. Material UI

Material UI

Material UI is one of the most popular UI packages in React and is created by Google. It was created to bring unified user experience across various devices and platforms. Material UI also has the option to use web design templates!

To install:

npm install @material-ui/core
Enter fullscreen mode Exit fullscreen mode

Next import the component that you want to use:

import Button from '@material-ui/core/Button'
Enter fullscreen mode Exit fullscreen mode

2. Redux

Redux

Redux is a global state management solution. It allows you to connect every React component directly to the entire state, eliminating the need to use props or callbacks.

To install:

npm install react-redux
Enter fullscreen mode Exit fullscreen mode

3. React Bootstrap

React Bootstrap

React Bootstrap allows React components to be build with the popular CSS framework, Bootstrap.

To install:

npm install react-bootstrap
Enter fullscreen mode Exit fullscreen mode

Next import the component that you want to use:

import Button from 'react-bootstrap/Button'
Enter fullscreen mode Exit fullscreen mode

Happy coding!

Discussion (1)

Collapse
ahsanihsan profile image
Ahsan Ihsan

Material UI is literally one of the worst libraries I have come across when it comes to UI design. Ant design is far better and the code is super clean as well.