Sign In   |   View Cart   |     |   Help
 
Print Course information
E-mail to a friend
Return to Course Catalog

Course Catalog > Professional Development > Computer Science > - Programming

React Training  

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

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 students 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.

Requirements:

Hardware Requirements:

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

Software Requirements:

  • PC: Windows 8 or later.
  • Mac: OS X Mountain Lion 10.8 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.

Other:

  • 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.


Learn how to use React to create a dynamic web application using functional components and hooks. 
  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


Self Study

 

React Training
Item: 202003ILC52842
Class Dates: 7/1/2020 - 9/30/2020 Fee: $159.00
This is a fully online course offered by Ed2Go. Click on Course Title for complete description.