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 ON 26 February
3 days £1795 + VAT

JBI training course London UK

  • Build powerful, fast, user-friendly and reactive web applications 
  • Understand the fundamentals and architecture of React
  • Explore the React development environment
  • Implement render function and a simple hello world
  • Provide amazing user experience by leveraging the power of JavaScript with ease
  • Build components and applications with real-world applicability
  • Learn child nodes and how to render child nodes
  • Apply props and passing data down to render
  • Acquire skills 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

FULL COURSE DETAILS

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. In the course, we create a central data store and then pass messages to it, telling it how to change. Changes then flow into the component tree and update the DOM. This can seem intimidating at first but it quickly becomes natural. We use Redux for Flux, which is currently the best practice solution.

Our React training course is practical and you will build components and applications with real-world applicability, right from the start. 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 courses at your UK or worldwide offices.

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

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

 


FULL COURSE DETAILS
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.


FULL COURSE DETAILS

Related Courses

React Fundamentals

  • React introduction & architecture
  • Getting ready to write code – getting the environment set up
  • Basic terminology

First look at React 

  •     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

  • Defining Components
  • Passing Data to components

Dynamically generated React components

  • Using array data
  • The key property & performance

Style, React and CSS

  • Embedding style attributes

Embedding HTML in data

  • Instead of innerHTML

More about properties

  •  Passing props around your components
  •  Default properties
  •  propTypes

Using props.children with nested components

  •  Owner & Child props setting and sharing

Using context with nested components

  •  Global, Provider, consumer

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
  • 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
  • React Error Boundaries

Error boundaries

Hooks

  • Functional components instead of Classes

React 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



CONTACT
0800 028 6400

enquiries@jbinternational.co.uk

SHARE

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

Registered address 1345 High Road, London, N20 9HR