This online training course is a high level introduction to React, a JavaScript library for building user interfaces. This React online training course covers the advantages and disadvantages of React, Events, Forms, data flow, JSX, and more!

Course Instructor: Joe Jorden

Course Outline

01. Introduction

  • What is React?
  • Advantages and disadvantages
  • Architecture
  • React vs Angular

02. Components

  • What is a component?
  • Rendering a component
  • Props
  • Class components
  • State
  • setState
  • Prop Validation
  • Testing components

03. JSX

  • What is JSX?
  • Props in JSX
  • Spread attributes
  • Events
  • React data flow
  • JSX and HTML
  • Unescaping content
  • Child expressions and elements

04. Events

  • Events
  • DOM Events
  • preventDefault
  • Component Events

05. Forms

  • Form elements
  • Allowing user input
  • Form libraries
  • Form validation
  • Client-side routing with HTML5 pushState

06. State

  • Model-view-intent architecture
  • A State container
  • Redux
  • React-redux

Skills Learned

After completing this online training course, students will be able to:

  • Be able to describe React and understanding how to setup a React development environment
  • Understand the advantages and disadvantages of React
  • Understand components, how they’re defined and rendered
  • State and setState
  • Understand JSX, props in JSX, and what not using JSX does
  • React data flow
  • Understand DOM Events, component Events, and preventDefault
  • Understand Form elements, libraries, and validation