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.

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!