Download appDownload App

React and Redux: Learn By Building Real World Projects [13H]

This React and Redux tutorial was built by Stephen Geluso and Joshua Evans (Full-Stack Developers with 15 years of experience) with a simple idea in mind: to make you learn React & Redux in a practica...

  • All levels
  • English

Course Description

This React and Redux tutorial was built by Stephen Geluso and Joshua Evans (Full-Stack Developers with 15 years of experience) with a simple idea in mind: to make you learn React & Redux in a practical way, so that gradually, you can acquire, test and master your React and Redux skills. Why you should choose this course? This course is the best way to learn react and redux. It unfolds with t...

This React and Redux tutorial was built by Stephen Geluso and Joshua Evans (Full-Stack Developers with 15 years of experience) with a simple idea in mind: to make you learn React & Redux in a practical way, so that gradually, you can acquire, test and master your React and Redux skills. Why you should choose this course? This course is the best way to learn react and redux. It unfolds with the basic introduction then covers all the essentials including components, various tools, fetch requests for API, React Router, store actions and reducers, preventing errors, and many other important cool stuffs. After the completion of React and Redux course, you will also receive the certificate of completion. In any case, Stephen & Joshua will be here for you and answer any questions you may have, and he will constantly update and improve this React and Redux tutorial content. The goal is to make your learning a very interactive process. So, what are you waiting?! Get the course NOW!!

What you’ll learn
  • Using Components
  • Using Props
  • Using Clicks
  • Using Lists
  • Using the Parcel Build Tool
  • Using Fetch Requests
  • Using React Router components
  • Using Redux

Covering Topics

1
Section 1 : Introduction
2
Section 2 : Components, Props, State, Clicks, Lists
3
Section 3 : Parcel Build Tool and Text Inputs
4
Section 4 : Fetch Requests for APIs
5
Section 5 : React Router
6
Section 6 : Router an Email App
7
Section 7 : Intro to Plain Redux
8
Section 8 : Redux and React
9
Section 9 : React Redux Grocery Cart
10
Section 10 : Combining Reducers
11
Section 5 : React Router

Curriculum

      Section 1 : Introduction
1
Introduction Preview
2
What Will You Learn
      Section 2 : Components, Props, State, Clicks, Lists
3
Create React App
4
Anatomy of React
5
Creating Components
6
Passing Props
7
Click Events
8
Mapping Lists Part 1
9
Mapping Lists Part 2
10
User Input Text
11
Adding List Items
12
Deleting List Items
      Section 3 : Parcel Build Tool and Text Inputs
13
Parcel
14
Range Inputs
15
Display Filters
      Section 4 : Fetch Requests for APIs
16
Dummy Text Intro
17
Dummy Text Setup
18
Fetch Requests
19
Real Time Requests Preview
20
Loading Indicator and Ternary Statements
      Section 5 : React Router
21
React Router Intro
22
Project In it
23
Creating Content Components
24
Routing Components
25
Router Links
      Section 6 : Router an Email App
26
Intro to Inbox
27
Automating Project Setup
28
Generating Mock Data
29
Styling Rows Creating Routes
30
Routing Reading Emails
31
Marking Emails as Read
32
Bugfix Toggling is Read vs Clicking Link to Detail
33
Selecting Multiple Emails
34
Keyboard Shortcuts
      Section 7 : Intro to Plain Redux
35
Intro to Redux
36
Stores Actions and Reducers
37
Creating Simple Counter
38
Debugging Simple Counter
39
Command Line Blackjack
40
Dispatching User Input to Redux
41
Preventing Errors
      Section 8 : Redux and React
42
Setup with Traditional Component
43
Mapping Redux to Props
44
React Redux Summary
      Section 9 : React Redux Grocery Cart
45
Initial Setup
46
React Adding and Removing From Cart
47
Converting React to Redux
48
Implementing Undo Redo
49
Action Creators
      Section 10 : Combining Reducers
50
Combined Reducer Name Spaces
51
Integrating React Router Dom
52
Routing Game Detail View
53
Creating Teams
54
Editing Teams
55
Creating Games
56
Score Keeping
57
Complex Data Access
      Section 7 : Intro to Plain Redux
35
Intro to Redux
36
Stores Actions and Reducers
37
Creating Simple Counter
38
Debugging Simple Counter
39
Command Line Blackjack
40
Dispatching User Input to Redux
41
Preventing Errors

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.