React Training

In this React.js training class, JavaScript programmers will learn how to use React to create a dynamic web application, based on the math game at Mathificent. Students will use the latest React techniques (functional components and hooks) to build this application.


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.

Course Topics
  1. Learn about the benefits of writing user interfaces with React.
  2. Learn how data flows in a React user interface.
  3. Learn how to write a React component.
  4. Learn what a virtual DOM is.
  5. Learn to use Create React App to make your first React user interface.
  6. Learn the role of JSX in React.
  7. Learn how JSX is different from HTML.
  8. Learn how to use expressions in JSX.
  9. Learn about best practices for writing React components.
  10. Learn how to pass data between components with props.
  11. Learn what "state" is in React.
  12. Learn how to create stateful variables.
  13. Learn how to update state.
  14. Learn how to implement routing in a React application.
  15. Learn how to style React components and applications.
  16. Learn to work with your new React skills.
  17. Learn what purpose hooks serve.
  18. Learn how to use the useEffect hook.
  1. Introduction to React
    1. What is React?
      1. React is Fast
      2. React is Scalable
      3. React is Reliable
    2. React Essentials
      1. Rendering in React
    3. Get Started with Create React App
    4. Introducing Our Project: Mathificent
    5. Learning the Structure of a React App
  2. JSX and React Elements
    1. Using JSX in React
    2. JSX Rules
      1. JSX Syntax
      2. JSX is an Extension of JavaScript
      3. Using Custom Elements in JSX
      4. Using JavaScript in JSX
    3. Using JSX
  3. React Components
    1. Assembling User Interfaces
      1. Understanding F.I.R.S.T
      2. Passing Data with Props
    2. Breaking an App into Components
    3. Passing Props Between Components
    4. Organizing Your Components
    5. Semantic HTML and the Fragment Element
    6. Using Fragment
    7. Destructuring props
  4. React State
    1. Understanding State
    2. Getting React to React
    3. Why is count a Constant?
    4. Child Components and State
    5. Adding State
  5. React Routing
    1. Routing
    2. Implementing Routes
  6. Styling React Apps
    1. Plain-old CSS
    2. Importing CSS Modules to Components
    3. Cleaning Up App.css
    4. Styling the Main Component
    5. Inline Styles
    6. Creating the Game Component
    7. A Word of Caution
  7. Implementing Game Logic
    1. Setting the Equation
    2. Getting the User's Answer
    3. Checking the User's Answer
    4. Creating the Timer
  8. React Effects
    1. React Hooks
    2. The useEffect Hook
    3. The Need for useEffect
    4. useEffect to the Rescue
    5. Mount and Unmount
    6. Passing Functions to State Variable Setters
    7. Fixing the Timer
    8. Catching Keyboard Events
    9. Building and Deploying Your React App
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:

  • HTML
  • JavaScript

Experience in the following would be useful for this React class:

  • CSS
  • Bootstrap

Training for Yourself

$1,725.00 or 3 vouchers

Upcoming Live Online Classes

  • See More Classes

Please select a class.

Training for your Team

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

What people say about our training

Excellent course. Well laid out for our skill level and the instructor was extremely knowledgeable. We look forward to attending the next course in the series.
Richard Sheridan
State of Alaska Dept of Labor & Workforce Development
This is the first computer class that I actually enjoyed attending. The instructor was patient and made the class fun and enjoyable.
Jenny Weber
Friendship Village
The instructor was a great VBA trainer and knowledge source. I was able to accelerate my VBA knowledge base in just one day.
Warren Hauck
Excellent teacher!
Gene Mitchell
US Courts

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing


Students who have taken Instructor-led Training


Organizations who trust Webucator for their Instructor-led training needs


Satisfaction guarantee and retake option


Students rated our React Training trainers 10.00 out of 10 based on 1 reviews

Contact Us or call 1-877-932-8228