Advanced React and Redux Training

This 2-day Advanced React and Redux training class takes beginning React skills to the next level.

Location

Public Classes: Delivered live online via WebEx and guaranteed to run . Join from anywhere!

Private Classes: Delivered at your offices , or any other location of your choice.

Outline
  1. Setup
    1. Verifying Node.js and either NPM or yarn
    2. Verifying class libraries
    3. Verifying class files
    4. IDE (WebStorm or Visual Studio Code preferred)
  2. Context
    1. What is the Context API?
    2. How to use the Context API
      1. Hooks-based Context: the useContext() hook
      2. Class-based Context
    3. Testing while using Context
  3. Advanced Redux
    1. Using reselect to minimize re-rendering
    2. Normalizing state
    3. Higher-order reducers
    4. Helper libraries
  4. Introduction to routing
    1. What problem is routing trying to solve?
    2. How does routing solve this problem?
      1. Tying components to URLs
      2. Passing parameters via the URL
    3. Routing software: React Router
    4. Simple router example
    5. Testing routing
      1. More complex routing
    6. Top-level routing
      1. Routing at the top of your application
      2. Allowing other parts of the application to manage routing
    7. Redirects
    8. React-router objects
      1. match
      2. history
      3. location
    9. Routing organizational techniques
    10. Testing advanced routing
  5. Advanced React
    1. Understanding and optimizing reconciliation
      1. Best practices for React reconciliation
      2. Recognizing common issues
      3. Making improvements
    2. Refs
      1. What's a ref?
      2. What problem does it solve?
      3. How can I use refs?
        1. Hooks: the useRef() hook
        2. Classes and createRef()
      4. The challenges of testing refs
  6. Render props
    1. Rendering in depth
    2. Rendering a function instead of a prop
    3. Using the render prop pattern
    4. Testing render props
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 JavaScript class:

  • Introductory level experience with React.

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

Good class, prepared me well. Book was clear and helpful.
Christine Achtel
Allstate Investments
This was my first course with Webucator and it was an excellent experience. The instructor's expertise was impressive. I will recommend your company to my training department and co-workers and I plan to take courses with Webucator in the future. This course exceeded my expectations (and they were high).
Tim DeVanney
TTB
This was one of the best courses I have every taken. The fact that it was delivered online just puts it "Totally Over The TOP!" AWESOME!
Michael Crawley
Jenai
"I promise this class will teach you more than you could learn in 6 months by yourself!"
Salvatore Giacalone
SunRX : 340b Solutions

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

65,181

Students who have taken Instructor-led Training

12,014

Organizations who trust Webucator for their Instructor-led training needs

100%

Satisfaction guarantee and retake option

9.30

Students rated our trainers 9.30 out of 10 based on 30,146 reviews

Contact Us or call 1-877-932-8228