Resources to master 5 popular react libraries

This content originally appeared on DEV Community and was authored by Aya Bouchiha

Hello everybody, I'm Aya Bouchiha today, I'm going to share with you useful resources to learn 5 libraries that you will use at least one of them in your next react project.

react-router

React Router is used for developing Single Page Web Applications. It is used to define multiple routes in the application. When a user types a specific URL into the browser, and if this URL path matches any 'route' inside the router file, the user will be redirected to that particular route.

more details

Resources to learn react-router

• documentation

• react-router-cheatsheet

• react-router by Dev Ed (30 min)

• react router crash course (40 min)

Material UI

Material UI is the world's most popular UI framework, additionally, it is based on Google Material Design.

Resources to learn material UI

• documentation

• Material UI React tutorial (40 min)

• Material UI React crash course (50min)

• Material UI Tutorials By The Net Ninja (playlist: 18 videos)

Redux

Redux is a predictable state container designed to help you write JavaScript apps that behave consistently across client, server, and native environments and are easy to test. more details

Resources to lean Redux

• documentation

• Redux for begginers by Dev Ed (40 min)

• Redux crash course by Travesy Media (1h)

• Redux tutorial by Codevolution (playlist: 30 vidoes)

React Icons

React Icons is a library that provides popular icons as React components for your React applications.

Resources to lean React Icons

• documentation

• Tutorial by Eric (7 min)

• React icons by Codevolution (7 min)

Styled Components

styled-components is a library that lets you write CSS code in your Javascript

Resources to learn Styled components

• documentation

• Styled Components React Tutorial by Adrian (10 min)

• React styled-components tutorial by Ben Awad (15 min)

• styled component tutorial by Pedrotech (25 min)

Summary

• React router is used to define multiple routes in a single page application.

• Material UI is a UI framework based on Google Material Design.

• Redux is a predictable state container

• React Icons provides you popular icons as React components

• Styled-components lets you write CSS in your Javascript.

Have a nice day!

This content originally appeared on DEV Community and was authored by Aya Bouchiha

Print Share Comment Cite Upload Translate Updates

APA

Aya Bouchiha | Sciencx (2021-07-18T00:26:31+00:00) Resources to master 5 popular react libraries. Retrieved from https://www.scien.cx/2021/07/18/resources-to-master-5-popular-react-libraries/

MLA

" » Resources to master 5 popular react libraries." Aya Bouchiha | Sciencx - Sunday July 18, 2021, https://www.scien.cx/2021/07/18/resources-to-master-5-popular-react-libraries/

HARVARD

Aya Bouchiha | Sciencx Sunday July 18, 2021 » Resources to master 5 popular react libraries., viewed ,<https://www.scien.cx/2021/07/18/resources-to-master-5-popular-react-libraries/>

VANCOUVER

Aya Bouchiha | Sciencx - » Resources to master 5 popular react libraries. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/18/resources-to-master-5-popular-react-libraries/

CHICAGO

" » Resources to master 5 popular react libraries." Aya Bouchiha | Sciencx - Accessed . https://www.scien.cx/2021/07/18/resources-to-master-5-popular-react-libraries/

IEEE

" » Resources to master 5 popular react libraries." Aya Bouchiha | Sciencx [Online]. Available: https://www.scien.cx/2021/07/18/resources-to-master-5-popular-react-libraries/. [Accessed: ]

rf:citation

» Resources to master 5 popular react libraries | Aya Bouchiha | Sciencx | https://www.scien.cx/2021/07/18/resources-to-master-5-popular-react-libraries/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.