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

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size2.7 GB
  • Uploaded Bytutsnode
  • Downloads72
  • Last checkedOct. 20th '21
  • Date uploadedOct. 17th '21
  • Seeders 21
  • Leechers3
Your ISP and Government can track your torrent activity! Hide your IP with a VPN!

Infohash : 803F471BED2DB386706D8A45491DCFFE23589821


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

Files:

React JS - Build 5 Projects With (Redux, React Router, MUI) [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)
  • 9. Designing the Pokemon details page.srt (35.0 KB)
  • 1. Setting up the environment.srt (1.0 KB)
  • 1.1 Resources.txt (0.2 KB)
  • 5. Using the pokemon API to get the pokedex data.srt (20.3 KB)
  • 6. Implementing the Pokemon card component.srt (18.5 KB)
  • 10. Installing and setting up Redux.srt (13.4 KB)
  • 8. Implementing the Pokemon Details Screen and fetching the pokemon using the AP.srt (12.3 KB)
  • 11. Implementing the add and remove favourite redux actions.srt (11.3 KB)
  • 13. Implementing the favourite pokemons page.srt (11.3 KB)
  • 12. Dispatching the add and remove favourite actions.srt (8.9 KB)
  • 4. Designing the navigation bar.srt (8.0 KB)
  • 3. Setting up the react router.srt (7.2 KB)
  • 7. Optimizing the pokedex screen.srt (6.2 KB)
  • 2. Project overview and setup.srt (4.7 KB)
  • 5. Using the pokemon API to get the pokedex data.mp4 (100.2 MB)
  • 6. Implementing the Pokemon card component.mp4 (90.4 MB)
  • 13. Implementing the favourite pokemons page.mp4 (66.0 MB)
  • 8. Implementing the Pokemon Details Screen and fetching the pokemon using the AP.mp4 (65.0 MB)
  • 10. Installing and setting up Redux.mp4 (62.0 MB)
  • 12. Dispatching the add and remove favourite actions.mp4 (56.8 MB)
  • 11. Implementing the add and remove favourite redux actions.mp4 (49.0 MB)
  • 7. Optimizing the pokedex screen.mp4 (43.4 MB)
  • 4. Designing the navigation bar.mp4 (39.7 MB)
  • 3. Setting up the react router.mp4 (27.3 MB)
  • 2. Project overview and setup.mp4 (23.5 MB)
  • 1. Setting up the environment.mp4 (5.4 MB)
3. Todo List Application
  • 8. Implementing the add todo action in redux and storing the todos.srt (29.5 KB)
  • 6. Implementing the add todo component.srt (21.5 KB)
  • 7. Implementing the todo items.srt (16.6 KB)
  • 11. Completing todo items.srt (11.0 KB)
  • 10. Deleting todo items.srt (10.7 KB)
  • 4. Installing and setting up Redux.srt (8.7 KB)
  • 1. Todo App Project preview.srt (0.9 KB)
  • 1.1 Resources.txt (0.2 KB)
  • 3. Cleaning the project.srt (2.2 KB)
  • 2. Creating a react project.srt (4.1 KB)
  • 5. Implementing the reducer file.srt (4.0 KB)
  • 9. Displaying the todos from the redux state.srt (3.7 KB)
  • 8. Implementing the add todo action in redux and storing the todos.mp4 (147.6 MB)
  • 6. Implementing the add todo component.mp4 (107.9 MB)
  • 7. Implementing the todo items.mp4 (95.8 MB)
  • 11. Completing todo items.mp4 (59.9 MB)
  • 10. Deleting todo items.mp4 (51.5 MB)
  • 4. Installing and setting up Redux.mp4 (38.6 MB)
  • 2. Creating a react project.mp4 (22.8 MB)
  • 9. Displaying the todos from the redux state.mp4 (19.9 MB)
  • 5. Implementing the reducer file.mp4 (14.4 MB)
  • 3. Cleaning the project.mp4 (11.9 MB)
  • 1. Todo App Project preview.mp4 (2.9 MB)
5. Google Maps Travel Advisor Web Application
  • 13. Scrolling to the element that has been clicked on the map.srt (22.4 KB)
  • 5. Implementing the places list component.srt (18.2 KB)
  • 8. Implementing the PlaceDetails component for displaying the places in the list.srt (18.0 KB)
  • 10. Getting user GPS data and map bounds of current location.srt (12.6 KB)
  • 6. Implementing the travel advisor API function.srt (12.0 KB)
  • 12. Designing a small card for each place on the map.srt (10.1 KB)
  • 4. Installing and implementing Google Maps into the web app.srt (10.1 KB)
  • 7. Fetching the places using the travel advisor API.srt (7.6 KB)
  • 3. Implementing the header.srt (5.3 KB)
  • 9. Plotting the places on the google map.srt (5.2 KB)
  • 2. Project setup.srt (4.4 KB)
  • 11. Getting the places for the user's location.srt (2.7 KB)
  • 1. Project Preview.srt (0.7 KB)
  • 1.1 Resources.txt (0.2 KB)
  • 13. Scrolling to the element that has been clicked on the map.mp4 (142.2 MB)
  • 5. Implementing the places list component.mp4 (117.3 MB)
  • 8. Implementing the PlaceDetails component for displaying the places in the list.mp4 (110.6 MB)
  • 10. Getting user GPS data and map bounds of current location.mp4 (88.2 MB)
  • 12. Designing a small card for each place on the map.mp4 (76.3 MB)
  • 6. Implementing the travel advisor API function.mp4 (74.2 MB)
  • 4. Installing and implementing Google Maps into the web app.mp4 (58.5 MB)
  • 7. Fetching the places using the travel advisor API.mp4 (48.8 MB)
  • 9. Plotting the places on the google map.mp4 (42.8 MB)
  • 3. Implementing the header.mp4 (25.1 MB)
  • 2. Project setup.mp4 (17.6 MB)
  • 11. Getting the places for the user's location.mp4 (16.2 MB)
  • 1. Project Preview.mp4 (8.3 MB)
4. Dad Jokes Application
  • 5. Creating and styling the Joke component.srt (18.3 KB)
  • 4. Creating and styling the JokesList component with Material-UI.srt (16.4 KB)
  • 6. Getting data from the API and displaying it on the web app.srt (13.1 KB)
  • 7. Implementing the upvote and downvote function.srt (12.5 KB)
  • 3. Styling the app container.srt (7.0 KB)
  • 8. Changing the emoji of the joke based on its votes.srt (4.5 KB)
  • 1. Dad Jokes Project preview.srt (0.8 KB)
  • 2. Creating a React project.srt (0.8 KB)
  • 1.1 Resources.txt (0.2 KB)
  • 5. Creating and styling the Joke component.mp4 (121.5 MB)
  • 4. Creating and styling the JokesList component with Material-UI.mp4 (108.6 MB)
  • 6. Getting data from the API and displaying it on the web app.mp4 (85.6 MB)
  • 7. Implementing the upvote and downvote function.mp4 (80.5 MB)
  • 8. Changing the emoji of the joke based on its votes.mp4 (26.6 MB)
  • 3. Styling the app container.mp4 (24.9 MB)
  • 2. Creating a React project.mp4 (4.2 MB)
  • 1. Dad Jokes Project preview.mp4 (4.2 MB)
2. React Router
  • 1. Project Preview.srt (0.3 KB)
  • 1.1 Resources.txt (0.2 KB)
  • 4. Setting up React router and changing the background color based on the pased.srt (6.9 KB)

    Code:

    • udp://open.stealth.si:80/announce
    • udp://tracker.tiny-vps.com:6969/announce
    • udp://fasttracker.foreverpirates.co:6969/announce
    • udp://tracker.opentrackr.org:1337/announce
    • udp://explodie.org:6969/announce
    • udp://tracker.cyberia.is:6969/announce
    • udp://ipv4.tracker.harry.lu:80/announce
    • udp://tracker.uw0.xyz:6969/announce
    • udp://opentracker.i2p.rocks:6969/announce
    • udp://tracker.birkenwald.de:6969/announce
    • udp://tracker.torrent.eu.org:451/announce
    • udp://tracker.moeking.me:6969/announce
    • udp://tracker.dler.org:6969/announce
    • udp://9.rarbg.me:2970/announce