React Training Course

React Fundamentals

React introduction & architecture
Getting ready to write code – getting the environment set up
Basic terminology

First look at React in CodePen
    Building a functional component
    Rendering a component
    JSX or createElement
    Babel

Building and displaying a basic Component
    Functional components
    Class based components
Passing data to a component via immutable props
Dynamically generated React components

Using array data
The key property & performance
Style, React and CSS
Embedding HTML in data

More about properties
    Passing props around your components
    Default properties
    propTypes

Using props.children with nested components
Using context with nested components

More about JSX
JSX and the JIT transformer
JSX and the pre-processor transformer (compile/build)
Modularising the code using import/export

Stateful components
    Building a stateful component
Setting and using State

Events
    Handling events with React components
    Using callbacks

Refs
Forms

More about the component lifecycle and specification methods
    Components and pure components    

Presentational, container, higher order – just how many component styles are there?
Error boundaries
Hooks

Flux with Redux

Flux – the original pattern
Redux Overview
Redux Actions
Redux Reducers
Redux Store
Redux Data flow