About the course:

Our instructor-led React training course is a great way for you to get up to speed with Facebook's React JavaScript library to rapidly create well-structured front-end applications.

This hands-on React workshop is aimed at existing software developers - all technical backgrounds are welcome (for instance JavaScript, ASP.NET Core, Spring, Django...)

To be an effective React developer you need a confident understanding of modern JavaScript ES6 patterns - so you'll start your course with an in depth review of ES6 before moving on to hands-on coverage of Functional Programming and Typescript with a view to building well-optimised front-end applications.

Did you know?

React is massively popular!
React is a constantly evolving technology
The engineers at Facebook have radically re-engineered React in recent years.
Originally based around ES6+ classes, the framework has evolved to use Hooks: functions which retain state.
We examine both class and Hook based development on the course.

Our aim is to give you a highly practical course so that you'll leave the React workshop with usable code and ideas which you're free to implement in your own projects.

Remote attendance is available - as part of a wider training programme or standalone workshop, as a custom on-site course, and we're looking forward to recommencing public scheduled courses in London.

Let us know if you'd like to discuss organising a custom React course for your team. We're happy to customise private courses to include other relevant technologies - for instance, you may also be interested in topics from our TypeScript course or our GraphQL training course too.

Express React training option:

Let us know if you are interested in an on-demand condensed 2-day intensive workshop to get up to speed with the core React functionality (suitable for experienced web developers).

In a nutshell Who should attend Flexible training Course syllabus

Learning outcomes

React command-line development tools
Build components using Classes and Hooks
Create views using the JSX syntax.
Structure code using the Container Presentation pattern
Add Typescript support to a React project
Call JSON data from a remote API
The Component lifecycle
Build a project with the React Router
Isolate application state with Redux
Write unit tests for your React code

Useful resources

Get React: https://reactjs.org/
React Developer Tools for Chrome and Mozilla Firefox
Well supported IDEs to consider: Webstorm | Visual Studio Code | IntelliJ IDEA

Who should attend

The course is aimed at existing developers who are familiar with programming concepts, but may be relatively new to JavaScript and React. The course includes a brief review of HTML and CSS fundamentals to help developers from non-web backgrounds.

Prerequisites

Ideally you should be comfortable coding JavaScript from scratch, and web fundamentals (HTML and CSS) but you should be fine if you already have equivalent skills in another language and / or web framework such as ASP.NET MVC with C#, Spring with Java, Django with Python. Please get in touch if you have any questions or would like any pointers to prime yourself for this course.

Live, instructor-led online and on-site training

We appreciate that you need flexibility to fit in with new working situations - whether you're an individual, part of a distributed team, or simply have projects and deadlines to meet.

Our remote training can take place online in a virtual classroom, with content split into modules to accommodate your scheduling challenges and meet your learning goals. Get in touch today to find out how we can help design a cost-effective, flexible training solution.

As soon as it's safe, we'll return to also offering the on-site custom training courses and programmes upon which we've built our reputation.

The most relevant ES6 features for React

Arrow functions
let
const
destructuring
the spread operator
classes and modules

The React development environment

using create-react-app
Babel
WebPack
React DevTools

Hooks in React

Understanding Hooks
functions that persist state
useState, useEffect, useReducer and useContext Hooks
Writing your own custom hooks

Adding state and props to components

Components: the fundamental building block of React
Defining class-based components
Stateless-function components.
Defining and changing state
Passing props into components
Component scope and keyword "this"

Using Typescript in React projects.

Adding types to JavaScript
Using Typescript interfaces to describe state and props

Fetching asynchronous data from remote APIs

Working with Fetch to make API calls and read JSON data
Understanding Promises.

React in-depth

Understanding the component lifecycle.
Redux: actions, reducers, the store and the Redux DevTools.
Defining routes with React Router
Unit Testing
Forms using controlled components

React Training Course

Course overview

Tailor this course for your business

Public Courses

About the course:

Express React training option:

Learning outcomes

Useful resources

Who should attend

Prerequisites

Live, instructor-led online and on-site training

The most relevant ES6 features for React

The React development environment

Hooks in React

Adding state and props to components

Using Typescript in React projects.

Fetching asynchronous data from remote APIs

React in-depth

We would love to hear from you

React Training Course

Course overview

Tailor this course for your business

Public Courses

About the course:

Express React training option:

Learning outcomes

Useful resources

Who should attend

Prerequisites

Live, instructor-led online and on-site training

The most relevant ES6 features for React

The React development environment

Hooks in React

Adding state and props to components

Using Typescript in React projects.

Fetching asynchronous data from remote APIs

React in-depth

Related courses

We would love to hear from you