React training course

Style, React and CSS

• Using external and internal style in components
• Embedding style attributes for in-line style

Embedding HTML in data

• Reacts answer to innerHTML

More about properties

•  Passing props around your components
•  Default properties
•  propTypes

Using props.children with components

• Using props.children to create more generic components
• Using props.children to create a factory style component

Using context with nested components

•  Global, Provider, consumer in hooks and in class based components

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 with hooks and for class based components
• 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

Error boundaries

• React Error Boundaries

More advanced Hooks

• Functional components instead of Classes
• Basic hooks and less common hooks
• useReducer and useEffect
• Creating your own hooks

React with Redux

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