React Training

React Training

Learn how to use React to create a dynamic web application using functional components and hooks.

6 Months Access / 42 Course Hrs
  • Details
  • Syllabus
  • Requirements



If you want to develop for mobile, you need to learn how to use React. This frontend JavaScript library provides an effective way for today's developers to build dynamic user interfaces. This online self-paced course will teach you how to create user interfaces with React through a hands-on app building project.

What you will learn

  • About the benefits of writing user interfaces with React
  • How data flows in a React user interface
  • How to write a React component
  • What a virtual DOM is
  • To use Create React App to make your first React user interface
  • The role of JSX in React.


  1. Introduction to React
  2. What is React?
  3. React Essentials
  4. Get Started with Create React App
  5. Introducing Our Project: Mathificent
  6. Learning the Structure of a React App
  7. JSX and React Elements
  8. Using JSX in React
  9. JSX Rules
  10. Using JSX
  11. React Components
  12. Assembling User Interfaces
  13. Breaking an App into Components
  14. Passing Props Between Components
  15. Organizing Your Components
  16. Semantic HTML and the Fragment Element
  17. Using Fragment
  18. Destructuring props
  19. React State
  20. Understanding State
  21. Getting React to React
  22. Why is count a Constant?
  23. Child Components and State
  24. Adding State
  25. React Routing
  26. Routing
  27. Implementing Routes
  28. Styling React Apps
  29. Plain-old CSS
  30. Importing CSS Modules to Components
  31. Cleaning Up App.css
  32. Styling the Main Component
  33. Inline Styles
  34. Creating the Game Component
  35. A Word of Caution
  36. Implementing Game Logic
  37. Setting the Equation
  38. Getting the User's Answer
  39. Checking the User's Answer
  40. Creating the Timer
  41. React Effects
  42. React Hooks
  43. The useEffect Hook
  44. The Need for useEffect
  45. useEffect to the Rescue
  46. Mount and Unmount
  47. Passing Functions to State Variable Setters
  48. Fixing the Timer
  49. Catching Keyboard Events
  50. Building and Deploying Your React App



Experience in HTML, CSS, JavaScript, and Bootstrap would be useful.


Hardware Requirements:

  • This course can be taken on either a PC or Mac.

Software Requirements:

  • PC: Windows 10 or later.
  • Mac: macOS 11.0 or later.
  • Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.
  • Adobe Animate (not included in enrollment).
  • Software must be installed and fully operational before the course begins.


  • Email capabilities and access to a personal email account.

Instructional Material Requirements:

The instructional materials required for this course are included in enrollment and will be available online.

Self-Guided Course Code: T9849