React training course

React Fundamentals

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

First look at React 

•     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

• Defining Components
• Passing Data to components

Dynamically generated React components

• Using array data
• The key property & performance

Style, React and CSS

• Embedding style attributes

Embedding HTML in data

• Instead of innerHTML

More about properties

•  Passing props around your components
•  Default properties
•  propTypes

Using props.children with nested components

•  Owner & Child props setting and sharing

Using context with nested components

•  Global, Provider, consumer

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
• Components and pure component
• Presentational, container, higher order

Events

• Handling events with React components
• Using callbacks

Forms

•  USer interaction with Forms

Refs

• referencing components or DOM elements,

More component lifecycle & specification methods

• React component lifecycle
• React Error Boundaries

Error boundaries

Hooks

• Functional components instead of Classes

React with Redux

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