CUSTOMISED
Expert-led training for your team
Dismiss

React training course

A "World Class" course - Learn how to use the React library to create scalable and engaging web applications in a style that promotes reusability and maintainability

JBI training course London UK

" I found the material on Redux extremely useful. There was a definite moment of clarity. The instructor was engaging + knowledgeable on topic. Even if it was off topic question was able to provide answer with examples that you could relate to for learning. Great instructor, great course."

LB, Software Engineer, React, April 2021

Public Courses

13/01/25 - 3 days
£1795 +VAT
Enrol 
24/02/25 - 3 days
£1795 +VAT
Enrol 
07/04/25 - 3 days
£1795 +VAT
Enrol 

Customised Courses

* Train a team
* Tailor content
* Flex dates
From £1200 / day
Highlights Details Audience Feedback Prices/Dates Related Courses
Public Courses
EDF logo Capita logo Sky logo NHS logo RBS logo BBC logo CISCO logo
JBI training course London UK
  • Understand the fundamentals and architecture of React and its component lifecycle model
  • Provide amazing user experience by leveraging the power of JavaScript (or TypeScript)
  • Build components and applications with real-world applicability
  • Learn to build components using the various ways data is used in React including props, state, context and Redux, plus gain an understanding of the best use case application for the different methods
  • Understand the differences between older Class based React and the newer Hooks based React
  • Build hooks based componets
  • Learn React and Redux to build large data-driven applications
  • Build powerful, fast, user-friendly and reactive web applications 

 

Course Details

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

  • Using external and internal style in components
  • Embedding style attributes for in-line style

Embedding HTML in data

  • Reacts answer to innerHTML

More about properties

  •  Passing props around your components
  •  Default properties
  •  propTypes

Using props.children with components

  • Using props.children to create more generic components
  • Using props.children to create a factory style component

Using context with nested components

  •  Global, Provider, consumer in hooks and in class based components

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 with hooks and for class based components
  • 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

Error boundaries

  • React Error Boundaries

More advanced Hooks

  • Functional components instead of Classes
  • Basic hooks and less common hooks
  • useReducer and useEffect
  • Creating your own hooks

React with Redux

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

 

JBI training course London UK

This course is designed for software developers who are interested in learning how to build scalable web applications by designing and building reusable components.

You should have good coding skills, and some skill with JavaScript. You will also need to understand HTML and CSS.

5 star

4.8 out of 5 average

" I found the material on Redux extremely useful. There was a definite moment of clarity. The instructor was engaging + knowledgeable on topic. Even if it was off topic question was able to provide answer with examples that you could relate to for learning. Great instructor, great course."

LB, Software Engineer, React, April 2021



“JBI  did a great job of customizing their syllabus to suit our business  needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and  the Instructor handled this particularly well - very impressive”

Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022

 

 

JBI training course London UK

Newsletter

 

Sign up for the JBI Training newsletter to stay updated with world-class technology training opportunities, including Analytics, AI, ML, DevOps, Web, Backend and Security. Our Power BI Training Course is especially popular.  Gain new skills, useful tips, and validate your expertise with an industry-leading organisation, all tailored to your schedule and learning preferences.



More about this course

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.

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.

FAQs

CONTACT
+44 (0)20 8446 7555

[email protected]

SHARE

 

Copyright © 2024 JBI Training. All Rights Reserved.
JB International Training Ltd  -  Company Registration Number: 08458005
Registered Address: Wohl Enterprise Hub, 2B Redbourne Avenue, London, N3 2BS

Modern Slavery Statement & Corporate Policies | Terms & Conditions | Contact Us

POPULAR

Rust training course                                                                          React training course

Threat modelling training course   Python for data analysts training course

Power BI training course                                   Machine Learning training course

Spring Boot Microservices training course              Terraform training course

Kubernetes training course                                                            C++ training course

Power Automate training course                               Clean Code training course