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

Description

In this course, you will learn :

• Mobile app development by building real-world projects with this react redux tutorial. Take our online react and Redux course and learn to build mobile apps
• Using Components
• Using Props
• Using Clicks
• Using Lists
• Using the Parcel Build Tool
• Using Fetch Requests
• Using React Router components
• Using Redux

Syllabus :

1. Components, Props, State, Clicks, Lists

• Create React App
• Anatomy of React
• Creating Components
• Passing Props
• Click Events
• Mapping Lists
• User Input Text
• Adding List Items
• Deleting List Items Preview

 

2. Parcel Build Tool and Text Inputs

• Parcel
• Range Inputs
• Display Filters

 

3. Fetch Requests for APIs

• Dummy Text Intro
• Dummy Text Setup
• Fetch Requests
• Real Time Requests Preview
• Loading Indicator and Ternary Statements

 

4. React Router

• React Router Intro
• Project In it
• Creating Content Components
• Routing Components
• Router Links

 

5. Router an Email App

• Intro to Inbox
• Automating Project Setup
• Generating Mock Data
• Styling Rows Creating Routes
• Routing Reading Emails
• Marking Emails as Read
• Bugfix Toggling is Read vs Clicking Link to Detail
• Selecting Multiple Emails
• Keyboard Shortcuts

 

6. Intro to Plain Redux

• Intro to Redux
• Stores Actions and Reducers
• Creating Simple Counter
• Debugging Simple Counter
• Command Line Blackjack
• Dispatching User Input to Redux
• Preventing Errors

 

7. Redux and React

• Setup with Traditional Component
• Mapping Redux to Props
• React Redux Summary

 

8. React Redux Grocery Cart

• Initial Setup
• React Adding and Removing From Cart
• Converting React to Redux
• Implementing Undo Redo
• Action Creators

 

9. Combining Reducers

• Combined Reducer Name Spaces
• Integrating React Router Dom
• Routing Game Detail View
• Creating Teams
• Editing Teams
• Creating Games
• Score Keeping
• Complex Data Access

Show more