Build 5 gorgeous web apps using React JS, Redux, Material UI, and React Router to learn React JS, Redux, Material UI, and React Router.
What you’ll learn
- React JS
- React Router
- Material UI
- React Styling
- React Hooks
- Basic IT skills
This React JS – Build 5 Projects With (Redux, React Router, MUI) course will teach you how to build a Reactjs application from the ground up. We will be constructing and going through a few projects in this course, as I feel that real examples are the best way to learn frameworks.
In this React JS – Build 5 Projects With (Redux, React Router, MUI) course we will cover these projects:
- Pokedex Project: In this project, we will go over the fundamentals of React JS so that you have a thorough knowledge of the foundations and principles. In this project, we will retrieve Pokémons from an API and display them to the user. The user may pick a Pokemon to view its details, as well as add that Pokemon to his favorites to build a list of Pokémons. This favorite list is saved in redux persist so that the user may return to the website and the data is preserved.
- React Router: We’ll go through how to use the react router in this tutorial. This Library is critical to understand and master since it is the foundation of web applications and you will use it frequently.
- Todo list App: Using this todo list app, we can delve further into redux without overcomplicating things. It will assist you in grasping the fundamental ideas and concepts of redux in a straightforward manner.
- Dad Jokes App: We utilized an API to obtain jokes and display them to the user in this project. This beautiful user interface was also created with Material UI.
- Google Maps Travel Advisor App: This app helps the user to learn about the sites in his immediate vicinity. To plot the locations, we’ll utilize Google Maps. We’ll also utilize the travel adviser api to receive suggestions for destinations around the user’s current location.
We’ll utilize a variety of React.Js libraries to complete the projects, including Material-UI for creating stunning designs quickly, and React Redux to create a global state system that allows all components to connect to it and access the web application’s fundamental data. To obtain data from an API, we’ll use Axios.
Who this course is for:
- Students who are eager to learn ReactJS using practical examples.
Created by Mohammad Chaabawi
Last updated 10/2021
Size: 2.7 GB