LIVE Instructor-Led Courses
Dismiss

React training course

"World Class" course - Learn how to use React (a scalable, simple & fast Javascript library) to create large web applications that can change the data without reloading the page

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

TAILOR-MADE
Enquire & get a quote
PUBLIC COURSES
Next on 4 Jul - see prices
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

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
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.


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 training course London UK
 
Top 20 "Pain Points" for Data Analysts
 

Problem 11 : You have a very complex Excel spreadsheet and you want to reproduce EXACTLY the same spreadsheet in Power BI
Solution: Power BI is not Excel, it works differently and it has different strengths. In order to tackle this issue the best way is going back to the source and try to...

All 20 points are in our latest Newsletter - Delivered directly to your inbox



CONTACT
+44 (0)20 8446 7555

enquiries@jbinternational.co.uk

SHARE

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

Registered address Wohl Enterprise Hub 2B Redbourne Avenue London N3 2BS

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