React Training Course

Who should attend

The course is aimed at experienced 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.

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.

On-site / In-house React Training

If you are interested in custom / on-site React, Flux and JSX training for any size of team, please get in touch. We can take into account your existing technical skills, project requirements and timeframes to suit your needs, and tailor the most relevant and focussed course for you.

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.

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 with Apollo and GraphQL

• Using the React Apollo client to fetch data from a GraphQL server