React Training Course

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

This React course is available for private / custom delivery for your team - face-to-face, on-site at your location of choice, or remotely via MS Teams, Zoom or your own platform - get in touch to find out how we can deliver tailored training which focuses on your project requirements and learning goals.

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
• Designing React Forms
• Unit Testing
• Forms using controlled components

Overview of platforms built on React

• Next.js
• Remix
• Blitz

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