Module 1 – Introduction and Setup of React
- Introduction
- How React Works
- Single Page Apps
- React Setup
- Understanding Basic Features & Syntax
Module 2 – React Essentials
- Lists and Conditionals
- Outputting Lists
- Conditional Output
- Components in React
- Styling React Components and Elements
- Nesting Components
- Stateless Components
- Debugging React Apps
Module 3 – Exploring React Advanced
- State in React
- React Dev Tools
- DOM Events
- Changing State
- ‘this’ in React
- Forms and Form Validation
- Props
- Functions as Props
Module 4 – Router, DOM, and Hooks in React
- Recap & Virtual DOM
- The React Router
- Links & NavLinks
- Programmatic Redirects
- Higher-Order Components
- Using Axios – A Fake Restful API
- Route Parameters
- Switch Tag
- Importing Images
- Hooks in React
Module 5 – Redux and Actions
- Introduction to Redux
- Redux Stores
- Redux Actions
- Redux Reducers
- Store Subscriptions
- Setting up Redux in React
- Mapping State to Props
- Map Dispatch to Props
- Action Creators
- Testing
- Deploying the App to Web
- Test and Project