Introduction to ReactJS
- Understand JavaScript MVC
- Understand the View Technology
- Overview of ReactJS
- Configuration
- Javascript MVC
- View Technology
- Introduction to ReactJS
- React and SPA
- Basic Setup
- First Example – Hello World
React Basics
- React Concepts
- JSX
- Render Elements
- Components and Props
- State and Lifecycle
- Handling Events
- React Concepts
React Key Features
- Conditional Rendering
- Lists and Keys
- Forms
- Lifting State Up
- Composition vs Inheritance
- Thinking In React
Redux Introduction
- Introduction
- Motivation
- Core Concepts
- Three Principles
- Legacy of Redux
- Redux Setup
- First example
Redux Basics
- Action
- Action Creators
- State Shape
- Handling Actions
- Handling more actions
- Splitting Reducers
- Store
- Dispatch Actions
Data Flow and Usage with React
- Data Flow
- Install React Redux
- Presentational and Container Components
- Design Component Hierarchy
- Implementing Components
- Passing the store
Async Actions and Async Flow in Redux
- Synchronous Action Creators
- Design State Shape
- Handle Actions
- Async Action Creators
- Async Flow
Middleware and React Router
- Middleware
- Middleware Applicability
- React Router Overview
- React Router Configuration
- React Router with Redux
- Navigate with React Router
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
Testing Redux
- Overview of Jest
- Setup testing environment
- Test Action Creators
- Test Async Action Creators
- Test Reducers
- Test Components
- Test Connected Components
- Test Middleware
- Other Testing options