Exceptional training for front end developers

React Training Course

Learn React and Flux - Build large data-driven applications that intertwine with Facebook & Instagram

30 Sep London
request info

Capita Marks and Spencer Telefonica Cisco BBC Lloyds Sony

React training course (code: REACTFLUX)


React is the exciting web framework from Facebook. It runs Facebook.com, 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.


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.



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

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

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


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

Flux with Redux

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


  • Render and a simple hello world.
  • Child Nodes and rendering child nodes.
  • Creating Components.
  • Props and passing data down to render.
  • State and updating UI state.
  • Transpiling JSX to make our templates more legible.
  • Flux architecture with Redux

Receive the latest version of this course into your inbox


30th Sep 2019 - 3 days £1795

see all dates


Show Discount for this course


  Bring a JBI course to your office
  and train a whole team onsite
  0800 028 6400
or request quote

  You can customise this course to
  suit your exact needs here
  0800 028 6400 or request quote

0800 028 6400

Why JBI ?

►"great technology tips"
► "Access to exclusive content"
► "Short course means less time off"

►"Inspiring trainers"
► "Joined via web"
► "Knowledgable sales staff"

Get exclusive news about upcoming programs, technical insights & special offers