Note: This React class can also be taught using TypeScript.
Location and Pricing
Most Accelebrate courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. Please visit our client list to see organizations for whom we have delivered private in-house training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.
React and Redux Training Objectives
All students will:
React and Redux Training Outline
Verifying Node.js and either NPM or yarn
Verifying class libraries
Verifying class files
Verifying TypeScript setup
IDE (WebStorm or Visual Studio Code preferred)
Introduction to React
What problem(s) does React solve?
React and TypeScript development environment
Two types of components
Props and state
Parent-child component communication
React Component Lifecycle
Startup and mounting
Calling lifecycle methods in tests
Error handling and error boundaries
Intermediate component usage
Lists of data
Testing component interactions
Controlled vs uncontrolled components
Form field types
Getting data out of a form
Working with form data in tests
Introduction to Redux
What problems does Redux solve?
How does it solve them?
Basic Redux pattern
A basic Redux example
Redux and TypeScript patterns
Complex actions with Redux
React and Redux
Plugging into React
Types with React-Redux
Turning standalone Redux into a component
Building a real-world React-Redux component
Testing React-Redux components
Higher-order components in detail
The difficulties of asynchronous Redux
Dispatching async actions
Typing async results
Testing asynchronous Redux
Using reselect to minimize re-rendering
Introduction to routing
What problem is routing trying to solve?
How does routing solve this problem?
Simple router example
More complex routing
React-router objects and their types
Routing organizational techniques
Testing advanced routing
React, Redux, and routing
Routing without Redux
Storing routing state in Redux
Pulling routing state from Redux
Testing Redux and the router
Understanding and optimizing reconciliation
Testing render props
All attendees receive comprehensive courseware.
Software needed for each student PC: