React training course

A comprehensive introduction to React - a popular open source Javascript library that is scalable, simple and fast and allows developers to create web applications that can change your data without reloading your page

NEXT COURSE 6 January (3 days £1795 + VAT) BOOK NOW

JBI training course London UK

  • Build powerful, fast, user-friendly and reactive web applications 
  • Understand the Fundamentals and architecture
  • Provide amazing user experience by leveraging the power of JavaScript with ease
  • Build components and applications with real-world applicability
  • Implement Render function and a simple hello world
  • Explore the React development environment
  • Learn Child Nodes and how to render child nodes
  • Create Components: build and display a basic Component
  • Apply Props and passing data down to render
  • Acquire skill in React properties 
  • Set and use State and update UI state
  • Learn how to Transpile a JSX file to make templates more legible
  • Explore Flux architecture with Redux
  • Learn React and Flux to build large data-driven applications that intertwine with Facebook & Instagram


React is the exciting web framework from Facebook. It runs, and a host of other high-performing web applications, and is designed to facilitate three goals: performance, agility, and scale.

React is a component based front-end library that allows you to build applications out of a tree of small, testable, modular components. It features a diffing engine that makes DOM manipulation incredibly fast, faster even than vanilla DOM scripting.

Flux is an architectural pattern characterised by one-way data flow, immutability and message passing. We create a central data store, and then pass messages to it to tell it how to change. Changes then flow into the component tree, updating the DOM. It can seem intimidating at first, but quickly becomes natural. In this course, we use Redux for Flux, which is currently the best practice solution.

Our React training course is practical. You will, right from day one, be building components and applications with real-world applicability. We will build against tests from the end of day one, and design sensible, component-based solutions using best practice. You will also gain an awareness of the wider JavaScript toolchain ecosystem, including Node, Karma, and Webpack.

JBI run public React  courses in London and custom onsite React training at your UK or worldwide offices.

We can make our custom React training even more engaging and relevant by encouraging delegates to use their own corporate data .

React training courses are available for beginner, intermediate and advanced levels.

JBI training course London UK
JBI training course London UK

This course is designed for software developers who are interested in learning how to build single page web applications or mobile hybrid apps. You should have good coding skills, and some skill with JavaScript. You will also need to be able to compose a basic website in HTML and CSS.

 Instagram is one popular website known to be using React.


Related Courses

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


  • 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
Course Updates & Newsletter

Receive the latest version of this course by email & subscribe to our Newsletter

0800 028 6400


Corporate Policies     Terms & Conditions
JB International Training Ltd  -  Company number 08458005

Registered address 1345 High Road, London, N20 9HR