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.