Course Content
Introduction to React JS
- Describe Javascript MVC
- Explain View Technology
- Introduction to ReactJS
- React and SPA
- Basic Setup/Configuration
- First Example – Hello World
React Basics
- React Concepts
- JSX
- Render Elements
- Components and Props
- State and Lifecycle
- Handling Events
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 on Redux
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
- Actions
- 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
- EObject Select Operator
- Object Select Operator Applicability
- Redux on Server
- Configuration – Server Rending
- Server 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