React JS - Build 5 Projects With (Redux, React Router, MUI)

React JS - Build 5 Projects With (Redux, React Router, MUI)

Size
2.7 GB
Seeders
8
Leechers
2
Files
98
Category
Added
10/17/21 at 5:42am GMT+1
Infohash
803f471bed2db386706d8a45491dcffe23589821

Description
Description

‌This course will teach you how to code using Reactjs framework from scratch.‌ In this course we will be building and going through a few projects, as i believe practical examples are the way to go when it comes to learning frameworks.

In this course we will cover these projects:

Pokedex Project: In this project we will go through the basics so that you will have a good understanding of the foundation and concepts of React JS. In this project we will get Pokémons from an API and show it to the user, the user can select a Pokemon in order to see the details for that Pokemon, he can also add that Pokemon to his favourites in order to collect a list of Pokémons. We store this favourite list in redux persist, so that the user can come back to the website and the data is kept and persisted.
React Router: In this tutorial we will focus on how to work with the react router. It is important to grasp and learn this Library as it is the Foundation of web applications and you will use it very often.
‌Todo list App: this todo list application will allow us to dive deeper into redux without complicating things. It will help you to understand the main principles and concept of redux in a simple way.
Dad Jokes App: In this project we used an API for getting jokes and showing them to the user. We also used material UI to design this gorgeous user interface.
Google Maps Travel Advisor App: This allows the user to discover the places around him. We will use google maps to plot the places And we will also use the travel advisor api to get the places for the user’s location.

‌We will use many libraries for React.Js to implement the projects such as Material-UI for making beautiful designs effortlessly, React Redux to allow us to implement a global state system which allows all components to connect to it and access the core data of the web application. We will be using Axios to get data from an API.
Who this course is for:

Students who are eager to learn ReactJS using practical examples.

Requirements

Basic IT skills
Basic Javascript and HTML skills

Last Updated 10/2021

File list
  • React JS - Build 5 Projects With (Redux, React Router, MUI)
  • .pad/0 130.3 KB
  • .pad/1 388.9 KB
  • .pad/10 578.5 KB
  • .pad/11 19.3 KB
  • .pad/12 440.4 KB
  • .pad/13 472.1 KB
  • .pad/14 738.3 KB
  • .pad/15 811.3 KB
  • .pad/16 12.6 KB
  • .pad/17 31.2 KB
  • .pad/18 31.4 KB
  • .pad/19 103 KB
  • .pad/2 793.2 KB
  • .pad/20 507.4 KB
  • .pad/3 544.2 KB
  • .pad/4 715.4 KB
  • .pad/5 386.6 KB
  • .pad/6 382.8 KB
  • .pad/7 106.8 KB
  • .pad/8 834.1 KB
  • .pad/9 183.5 KB
  • TutsNode.com.txt 63 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/1. Setting up the environment.srt 1 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/1.1 Resources.txt 207 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/10. Installing and setting up Redux.mp4 62 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/10. Installing and setting up Redux.srt 13.4 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/11. Implementing the add and remove favourite redux actions.srt 11.3 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/12. Dispatching the add and remove favourite actions.srt 8.9 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/13. Implementing the favourite pokemons page.mp4 66 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/13. Implementing the favourite pokemons page.srt 11.3 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/2. Project overview and setup.srt 4.7 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/3. Setting up the react router.srt 7.2 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/4. Designing the navigation bar.srt 8 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/5. Using the pokemon API to get the pokedex data.mp4 100.2 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/5. Using the pokemon API to get the pokedex data.srt 20.3 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/6. Implementing the Pokemon card component.mp4 90.4 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/6. Implementing the Pokemon card component.srt 18.5 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/7. Optimizing the pokedex screen.srt 6.2 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/8. Implementing the Pokemon Details Screen and fetching the pokemon using the AP.mp4 65 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/8. Implementing the Pokemon Details Screen and fetching the pokemon using the AP.srt 12.3 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/9. Designing the Pokemon details page.mp4 216.4 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/1. Pokédex Project/9. Designing the Pokemon details page.srt 35 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/2. React Router/1. Project Preview.mp4 839.8 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/2. React Router/1. Project Preview.srt 318 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/2. React Router/1.1 Resources.txt 173 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/2. React Router/2. Creating and setting up the project.srt 4.4 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/2. React Router/3. Installing Material UI and creating the AppNavigator Component.srt 4.8 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/2. React Router/4. Setting up React router and changing the background color based on the pased.srt 6.9 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/1. Todo App Project preview.srt 878 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/1.1 Resources.txt 176 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/10. Deleting todo items.srt 10.7 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/11. Completing todo items.mp4 59.9 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/11. Completing todo items.srt 11 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/2. Creating a react project.srt 4.1 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/3. Cleaning the project.srt 2.2 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/4. Installing and setting up Redux.srt 8.7 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/5. Implementing the reducer file.srt 4 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/6. Implementing the add todo component.mp4 107.9 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/6. Implementing the add todo component.srt 21.5 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/7. Implementing the todo items.mp4 95.8 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/7. Implementing the todo items.srt 16.6 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/8. Implementing the add todo action in redux and storing the todos.mp4 147.6 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/8. Implementing the add todo action in redux and storing the todos.srt 29.5 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/3. Todo List Application/9. Displaying the todos from the redux state.srt 3.7 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/1. Dad Jokes Project preview.srt 840 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/1.1 Resources.txt 174 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/2. Creating a React project.srt 840 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/3. Styling the app container.srt 7 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/4. Creating and styling the JokesList component with Material-UI.mp4 108.6 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/4. Creating and styling the JokesList component with Material-UI.srt 16.4 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/5. Creating and styling the Joke component.mp4 121.5 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/5. Creating and styling the Joke component.srt 18.3 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/6. Getting data from the API and displaying it on the web app.mp4 85.6 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/6. Getting data from the API and displaying it on the web app.srt 13.1 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/7. Implementing the upvote and downvote function.mp4 80.5 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/7. Implementing the upvote and downvote function.srt 12.5 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/4. Dad Jokes Application/8. Changing the emoji of the joke based on its votes.srt 4.5 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/1. Project Preview.srt 673 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/1.1 Resources.txt 196 B
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/10. Getting user GPS data and map bounds of current location.mp4 88.2 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/10. Getting user GPS data and map bounds of current location.srt 12.6 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/11. Getting the places for the user's location.srt 2.7 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/12. Designing a small card for each place on the map.mp4 76.3 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/12. Designing a small card for each place on the map.srt 10.1 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/13. Scrolling to the element that has been clicked on the map.mp4 142.2 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/13. Scrolling to the element that has been clicked on the map.srt 22.4 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/2. Project setup.srt 4.4 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/3. Implementing the header.srt 5.3 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/4. Installing and implementing Google Maps into the web app.mp4 58.5 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/4. Installing and implementing Google Maps into the web app.srt 10.1 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/5. Implementing the places list component.mp4 117.3 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/5. Implementing the places list component.srt 18.2 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/6. Implementing the travel advisor API function.mp4 74.2 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/6. Implementing the travel advisor API function.srt 12 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/7. Fetching the places using the travel advisor API.srt 7.6 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/8. Implementing the PlaceDetails component for displaying the places in the list.mp4 110.6 MB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/8. Implementing the PlaceDetails component for displaying the places in the list.srt 18 KB
  • [TutsNode.com] - React JS - Build 5 Projects With (Redux, React Router, MUI)/5. Google Maps Travel Advisor Web Application/9. Plotting the places on the google map.srt 5.2 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents
NameSizeDate
21 MB07/19/2663304216
407 MB07/19/2659683973
2.9 GB07/14/265133936
42 MB07/19/2647183143
16 MB07/15/2646313078
13 MB07/14/2646203080
12 MB07/15/2646203079
1.4 GB07/14/2645753036
42 MB07/15/2645563025
16 MB01/17/2645413022
54 MB07/14/2645203017
16 MB07/17/2645073004
13 MB07/16/2644912994
1.3 GB01/10/2644662979
29 MB01/07/2644632971