- Introduction to ReactJS
- React Basics
- React Key Features
- Redux Introduction
- Redux Basics
- Data Flow and Usage with React
- Async Actions and Async Flow in Redux
- Middleware and React Router
- Advanced Features of Redux
- Testing Redux
1. Introduction to ReactJS
- Javascript MVC
- View Technology
- Introduction to ReactJS
- React and SPA
- Basic Setup
2. React Basics
- React Concepts
- JSX
- Render Elements
- Components and Props
- State and Lifecycle
- Handling Events
3. React Key Features
- Conditional Rendering
- Lists and Keys
- Forms
- Lifting State Up
- Composition vs Inheritance
- Thinking In React
4. Redux Introduction
- Introduction
- Motivation
- Core Concepts
- Three Principles
- Legacy of Redux
- Redux Setup
5. Redux Basics
- Action
- Action Creators
- State Shape
- Handling Actions
- Handling more actions
- Splitting Reducers
- Store
- Dispatch Actions
6. Data Flow and Usage with React
- Data Flow
- Install React Redux
- Presentational and Container Components
- Design Component Hierarchy
- Implementing Components
- Passing the Store
7. Async Actions and Async Flow in Redux
- Actions
- Synchronous Action Creators
- Design State Shape
- Handle Actions
- Async Action Creators
- Async Flow
8. Middleware and React Router
- Middleware
- Middleware Applicability
- React Router Overview
- React Router Configuration
- React Router with Redux
- Navigate with React Router
9. Advanced Features of Redux
- Object Select Operator Overview
- Object Select Operator Applicability
- Redux on Server
- Configuration – Server Rending
- Server side – Server Rendering
- Client side – Server Rendering
10. Testing Redux
- Overview of Jest
- Set up the testing environment
- Test Action Creators
- Test Async Action Creators
- Test Reducers
- Test Components
- Test Connected Components
- Test Middleware
- Other Testing options