React Training Course

Who should attend

Web designers and developers who want to rapidly design and build front-end web applications. using React

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 web framework such as ASP.NET MVC, Spring, Django, Java EE. 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.

Developing in React

• The React development environment
• Webpack, Babel, Node, Npm
• The React create-react-app CLI tool
• The Chrome React and Redux extensions

JavaScript ES6

• ES5 review: variables, arrays, objects and functions
• Scope: closure, the module pattern, IIFE's, bind and keyword "this".
• Arrow functions
• Destructuring
• The spread operator
• Template literals
• ES6 classes
• Modules using import and export
• Functional programming using map, reduce, filter and sort.

React 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"

JSX

• JSX fundamentals
• Syntax rules for JSX
• Transforming data using map and filter
• Creating unique keys

React architecture

• Using composition to build a hierarchy of components
• The Container Presentation Pattern
• One-way data flow and lifting up state.
• Creating loosely coupled components
• Creating reusable code using Higher Order components
• Immutability and pure functions

Typescript

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

Data fetching

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

Hooks

• Understanding the built-in Hooks in React including useState and useReducer
• Creating custom Hooks which enable flexible reuse patterns
• Comparing Hooks and Higher Order components
• Debugging techniques when developing with Hooks

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.