Resources to master 5 popular react libraries

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!

Comments

[Jakub Stibůrek]

Hi. Thanks for the resources. Your link for Material UI docs doesn't work, there is some unnecessary "/t" at the end of the link

[Aya Bouchiha]

Thank you a lot, I'll fix it now!

[KUMAR HARSH]

Thanks for putting this together, really appreciate it.

[Aya Bouchiha]

Glad to hear that😁, You're always welcome!