The aim of the course is that delegates develop their skills, knowledge and understanding so that they can confidently use ReactJS to create User Interfaces.
Introduction to ReactJS
- What is ReactJS
- What does ReactJS do
- ReactJS, the DOM and the VirtualDOM
ReactJS Projects
- Project Fundamentals
- The react and react-dom packages
- Babel and Webpack
- Other project files
Components and JSX
- Components
- JSX and how to modify a project to use JSX
- Chrome React Developer tools
Using props and state
- props – description, use, typing and validation
- state – description, use, setting and changing
- Passing state through props
- Functional components
- Lifting up state
Component Lifecycles
- Lifecycle Methods: Mouting, Updating and Unmounting
- ReactJS and the DOM
- ReactDOM methods
Forms, Events and Refs
- Controlled components
- How are Events controlled
- What are Refs
- Uncontrolled components
- Forms as child components
Working with Datasets
- Collecting data from forms
- Data sources
- Arrays/Iterators and Keys
- Sub-Components
Composition vs Inheritance
- Composition and the use of containment and specialisation
- Inheritance use in ReactJS
Single Page Applications
- Single Page Applications and React Router
- Defining and Lining to Routes
- Displaying Route Content
- Params and Nesting
Thinking in React
- Facebook's 'Thinking in React' Philosophy
Working with other Libraries
OBJECTIVES
- Using Flux and Redux with React
- ReactJS as the V part for Angular and other frameworks