Overview
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