Course Code: REACT

Duration: 4 days


React Course Overview

The React course comprises sessions dealing with setting up for and creating a React app, JSX and element rendering, components and props, state and lifecycle, hooks, event handling, lists and keys, forms, composition and inheritance, React Router, Flux, and Redux. React Native is not covered on this course.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

Course Objectives

This course aims to provide the delegate with the knowledge to be able to build a Single Page Application (SPA) composed of React components and incorporating React Router. The delegate will also be exposed to application state containers including Flux and Redux and local state management via Hooks.

Who will the Course Benefit?

The React course is designed for JavaScript developers who are interested in using React to build fast, single page, client-side web applications.

Skills Gained

The delegate will learn and acquire skills as follows:

  • Setting up a React project
  • Coding ES6 arrow functions and classes
  • Using Node, webpack and Babel
  • Creating a React app
  • Embedding JSX tags in JavaScript code
  • Creating and rendering components
  • Managing component props and state
  • Managing local state using Hooks as an alternative to classes
  • Managing a component's lifecycle
  • Event handling
  • Creating and rendering lists of components
  • Creating and extracting information from a form within a component
  • Creating composite components
  • Using React Router to build an SPA
  • Using Flux to manage application state
  • Using Redux to manage application state

React Training Course

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions


  • Understanding React
  • Using Babel
  • Create-React-App
  • Setup & Project Structure


  • Single Page Applications
  • Transpilers & Polyfills
  • ES6 Features
  • Primitive & Reference Types
  • Template Literals
  • Destructuring
  • Let, Const & Var
  • Arrow Functions
  • Understanding Classes
  • Decorators
  • Spread and Rest Operators
  • Default Parameters and Values
  • Exports and Imports
  • Modules
  • Array Functions
  • Promises
  • Generator Functions
  • Sets and Maps
  • Functional JavaScript
  • Typescript


  • Virtual DOM
  • JSX
  • Lists and Keys


  • What is a Component
  • Functional vs. Class Components
  • React Props
  • State in Brief
  • Typechecking
  • Composition & Inheritance

React Training Course


  • State vs. Props
  • Adding State
  • Lifting State Up
  • Component Lifecycle
  • Component Lifecycle Methods
  • Immutability


  • Handler Assignment
  • Binding to this
  • Passing Arguments to Event Handlers
  • Custom Components & Events
  • Synthetic Event

Session 7: FORMS

  • Controlled Components
  • Uncontrolled Components
  • Using Refs
  • Forms JSX Summary
  • Validation
  • Form Libraries


  • Using react-router
  • Core Components

React Training Course

Session 9: HOOKS

  • Motivation: Stateful Logic Re-Use
  • Functional Vs Class Components Refactored
  • Local State Without A Class: Internals
  • Standard Hooks
  • Custom Hooks: The Anticipated Future
  • The (Only) Rules of Hooks


  • Testing React
  • React Performance
  • Production Build/Deploy
  • Refs & DOM
  • React Patterns
  • Authentication
  • JSON Web Token
  • Third Party Components

React Training Course

Session 11: FLUX

  • Flux vs MVC
  • Flux Main Components
  • Flux Flow in Action
  • Flux Utils
  • Flux Implementations


  • Redux: Inspired by Flux
  • Core Redux: Actions, Action Creators, Reducers, Store
  • Redux Data Flow

Session 13: REDUX & REACT

  • Introduction and Setup Environment
  • Components of React Redux
  • React Data Flow
  • Redux Recipes
  • Redux DevTools


  • Middleware
  • Redux Thunk
  • Redux Saga
  • Course technical content is subject to change without notice.
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.


Delegates should be able to:

  • Build and style simple web pages using HTML & CSS
  • Build JavaScript applications that exploit all fundamental elements of the language including variables and expressions, conditions and loops, functions, objects, arrays, the DOM, and event handling

This knowledge can be gained by attendance on the pre-requisite HTML & CSS and JavaScript 1 courses.

Pre-Requisite Courses

Course Reviews

The way Stuart delivered the course was fantastic coding along with him and setting us various challenges to get us thinking about the content he taught. I went on an AWS course and the technical challenges were just copy paste to get things working I much preferred Stuarts approach and also not doing a typical death by powerpoint style presentation.

Douglas - Software Developer - Government - April 2023

I really enjoyed the course. I had some experience in React several years ago and this course was an excellent refresher, and it also taught me several things I didn't know before. I found the code-alongs and case study useful, as I find this is the best way for me to learn coding concepts. I also found it useful to hear about some of the debates about the tools and methods discussed as it helps me see some of the different ways of using them and which tools and methods work best for different types of project. Overall the style of the course worked well for me and I learned a lot.

Richard - Digital Developer - Government - April 2023

The course structure was really amazing. Everything was very nicely explained. Stuart (The instructor) has great knowledge about React and resolved all the queries I had. Stuart always kept the meeting light and informative. He kept asking questions to everyone to make sure all of us was engaging. The coursework and assessments given were really helpful. Stuart also gave recommendations about the future projects that we could practice, and it was great. Overall, the course and the instructor were both really nice.

Sahil - Junior Developer - Government - April 2023

I absolutely loved this course. The trainer knowledge was on point all the way and I only wish he taught everything I needed to learn about as I wouldn't go anywhere else for training. Brilliant sessions.

Andrew - SPX Senior DEV - Leisure - March 2023

I learned so much during this course, 10/10 recommend it to anyone who has a chance to take it! I will definitely be using the skills I learned on my next project.

Maryam - Software Developer - Government - July 2022

Stuart did a fantastic job, tailoring his teaching skills to all the students in the class. We had students with different web development skills. Overall, great class. Thank you Stuart

Roger - Government - July 2022

Public Scheduled Events

Classroom & Live Virtual Instructor-Led Training

Duration: 4 days

Price: £1,900.00 exc. VAT 

Start Date Options Spaces  
20 Jun 2023
StayAhead Virtual Courses available 
Spaces Book Now 
08 Aug 2023
StayAhead Virtual Courses available 
Spaces Book Now 
19 Sep 2023
StayAhead Virtual Courses available 
Spaces Book Now 
07 Nov 2023
StayAhead Virtual Courses available 
Spaces Book Now 
18 Dec 2023
StayAhead Virtual Courses available 
Spaces Book Now 
13 Feb 2024
StayAhead Virtual Courses available 
Spaces Book Now 
02 Apr 2024
StayAhead Virtual Courses available 
Spaces Book Now 

Live Virtual Classroom

Join live instructor-led classroom training from the comfort of your home or office.
All the convenience and benefits of the classroom experience without the hassle and costs of travel and accommodation.

Our Customers Include

missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image

Our Course Curriculum

+44 (0)20 7600 6116
Copyright © 2023 StayAhead Training Ltd
Cookies   /   Privacy Policy