React and Redux with TypeScript Training

This React and Redux with TypeScript training course teaches students how to get started with React and Redux.

Goals
  1. Learn to understand the purpose of Redux.
  2. Learn to build a real-world Redux-React component.
  3. Learn routing methods.
  4. Learn to apply async methods.
Outline
  1. Setup
    1. Verifying Node.js and NPM or Yarn
    2. Verifying class libraries
    3. Verifying class files
    4. Verifying TypeScript Setup
      1. Configuring TypeScript
      2. Solving TSLint issues
      3. Development vs Production
    5. IDE (WebStorm or Visual Studio Code preferred)
  2. Introduction to Redux
    1. What problems does Redux solve?
    2. How does it solve them?
    3. Basic Redux pattern
      1. Store
      2. Reducers
      3. Actions
    4. A basic Redux example
    5. Testing Redux
    6. Complex actions with Redux
  3. React and Redux
    1. Plugging into React
      1. State as props
      2. Events as dispatch
      3. Introducing higher-order components
    2. Turning standalone Redux into a component
    3. Middleware
      1. The logger
      2. The devtools
      3. Other middleware
    4. Building a real-world React-Redux component
    5. Testing React-Redux components
    6. Higher-order components in detail
      1. What do higher-order components do?
      2. Why would I use a higher-order component?
  4. Asynchronous Redux
    1. The difficulties of asynchronous Redux
    2. Asynchronous middleware
      1. Thunks, sagas, or survey both techniques for asynchronous interactions
    3. Dispatching async actions
    4. Catching results
    5. Handling errors
    6. Testing asynchronous Redux
  5. Advanced Redux
    1. Using reselect to minimize re-rendering
    2. Normalizing state
    3. Higher-order reducers
    4. Helper libraries
  6. React, Redux, and routing
    1. The tools
      1. React, Redux, React-router and an adapter
    2. Routing without Redux
    3. Storing routing state in Redux
    4. Pulling routing state from Redux
    5. Testing Redux and the router
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this React class:

  • 1-2 years of JavaScript experience.
  • Advanced understanding of JavaScript, including prototypes and functions as first class citizens.
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class

Training for your Team

Length: 2 Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

What people say about our training

Our instructor was very courteous, intuitive and a good teacher. The class itself was very informative and gave me new insight into XML and XSLT so that I can perform my job better.
Jay Yedinak
The Boeing Company
The Google Web Toolkit Beginner course covered the basics very well and gave me a solid foundation to begin working with it immediately.
Matthew McLarty
Rolled Alloys, Inc.
From the very beginning of the class I found myself saying, "oh wow!" The instructor was SO knowledgeable, and was very flexible, covering the topics we needed and answering our questions.
Sarah Bailey
Hachette Book Group
The instructor did a fabulous job teaching the Introduction to Dreamweaver class. Patient, caring, fun, and all around a very good class. I would recommend it to anyone!
Laura Kaptein
Spectrum Net Designs, Inc

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

61,268

Students who have taken Instructor-led Training

11,739

Organizations who trust Webucator for their Instructor-led training needs

100%

Satisfaction guarantee and retake option

9.29

Students rated our trainers 9.29 out of 10 based on 29,151 reviews

Contact Us or call 1-877-932-8228