Courses Courses Arts and Design Arts and Design Animation Graphic Arts Photography Web Design Business Business Accounting Administrative Communication Finance Marketing and Sales Operations Project Management Small Business Soft Skills Career Online High School Career Online High School Online High School Diploma Computer Applications Computer Applications Autodesk Microsoft QuickBooks Windows Computer Science Computer Science Programming Construction and Trades Construction and Trades Construction Environmental and Energy Trades Health and Fitness Health and Fitness Alternative Medicine Dental Fitness Medical Veterinary Wellness Hospitality Hospitality Hospitality Service Information Technology Information Technology Cloud Computing Networking Other Security Language Language Languages Legal Legal Legal Studies Math and Science Math and Science Mathematics and Science Teacher Professional Development Teacher Professional Development Child Development Classroom Technology Math and Science Reading and Writing Test Prep Test Prep Exam Prep Writing Writing Writing and Editing Skill Map Resources Resources About ed2go Externship Programs Financial Assistance Find a School Blog MyCAA

CONTACT US

(855) 520-6806

See all results for ""

See All Courses

ed2go Computer Science Programming React Training
Return to Programming
react-training

React Training

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.

6 Months / 42 Course Hrs
Open enrollment

Offered in Partnership with your Preferred School

ed2go

Why this school? It's been chosen based on your location or if you've visited this school's website. Change School

Learning Method

Self-Paced

No instructor. Study on your own schedule

React Training

Details + Objectives

Course Code: T9849

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.
How the course is taught
  • Self-paced, online course
  • 6 months to complete
  • Open enrollment, begin anytime
  • 42 course hours
How you will benefit
  • Learning React will help web developers to stand out and excel at their jobs and to take on new responsibilities.

Outline

Expand All
Details
  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
Requirements

Requirements

Prerequisites:

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

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 Materials

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

FAQs

Expand All
When can I get started?

You can start this course at any time your schedule permits.

How does it work?

You have three-month access to the course. After enrolling, you can learn and complete the course at your own pace, within the allotted access period.

How long do I have to complete each lesson?

There is no time limit to complete each lesson, other than completing all lessons before your three-month access.

What if I need an extension?

Because this course is self-paced, no extensions will be granted after the start of your enrollment.

Browse All