Empower
your code

The best React training in the world! A 2 full-day course on React technology. This workshop is completely hands-on.

Enroll in class Corporate Training

React Academy

Training gives you an edge that reading cannot

React is everywhere

React is an incredible technology used by many websites (Facebook, Instagram, Netflix, Airbnb) and mobile apps (Uber, Walmart and Tesla).

Enroll in class Corporate Training

Bring the fun back in website creation

React is loved

React tops technology charts. Developpers have high praise of this JavaScript library.

Enroll in class Corporate Training

Stats that show React is the most loved tech used by devs

The best React training available in North America

Download your Handouts

Get useful documents, posters and cheatsheets on React technologies.

Enroll in class Go to handouts

Join hundreds of satified customers

COVID-19 Note: All courses are now done using virtual meeting technology, until further notice.

Upcoming Courses

React Fundamentals

Advanced React

Virtual corporate course for your team

Dates of your choice (Subject to availability)

Price depends on group size

Course outline

React Fundamentals

React is a JavaScript library originally built by Facebook. It allows developers to create large web apps using simple components that are connected to one another, like lego pieces. It provides speed, simplicity, and scalability.

In a few short years, React has become the most popular JS libraryon the planet. It is now is used on millions of web sites, including Facebook, Netflix, Instagram, Uber and Airbnb.

Day 1

All the React basics you need

1. Introduction to React

What is React? (previously known as ReactJS)
Specs, pros and cons
Installation
React Hello World
Deploying a React application

2. JSX and rendering

React API
JSX Language
Virtual DOM and Reconciliation

3. Components

Component types
Property components (React Props)
State Components (React State)

4. Lifecycle

Creation and destruction of components
Lifecycle methods (componentDidMount(), componentWillUnmount())
How to use SetState()

5. Managing Events

Event listeners
Synthetic Events

6. Functional programming using Hooks ^New

What are Hooks
Using the State Hook
Using the Effect Hook

Day 2

Building up your skills on React

7. Routing

History
Paths
Links

8. Forms

Controlled components
Uncontrolled components
Refs
Validation
Using keys

9. Loading data into State ^New

Using fetch() to get data from API
Modify data with an API
Asynchronous programming with JS
Using Google Firebase notifications

10. Advanced React tooling

Intro to the React Dev tools
Debugging Extension
Navigating components
Analyzing performance with profiler
Detect what is rendering
Error Boundaries

11. React Architecture Best Practices ^New

Where to put State
Why should State be immutable?
What about css?

2-day course

Learn the core concepts of coding an end-to-end app with React from an industry expert. Updated with the latest React topics: Hooks, Context, Suspense and Concurrent Rendering

What is React

It is a JavaScript library originally built by Facebook. It allows developers to create large web apps using data that can change without reloading the page. It provides speed, simplicity, and scalability.

Canadian

We started our business doing Canadian cities like Montreal, Vancouver, Toronto, Ottawa, Calgary... And we now cover the world with our virtual training.

Prerequisites

You should have significant experience in building web applications with HTML5 and JavaScript. No previous experience with React library is required.

Virtual Workshop

All workshops are virtual during Covid-19! An important part of the training is dedicated to building apps together and testing things in real time (bootcamp style).

FAQ

What is React Academy?

This is a 2-day classroom training for professional web developers, available as a public course or as a corporate on-site training.

Are you offering online courses as well?

During the Covid-19, all courses are now live, online and virtual.

Which version of React are you using?

We are *always* teaching on the latest version of React. We constantly update the training material to follow the new React versions.

Can we customize the content?

Public classes are strictly following the outline as seen above. But we can definitely tailor the content for corporate on-site training to fit your team's preferences and expectations. Optional topics could be: Bootstrap, Material Design, Firebase, Unit testing, React Native, Relay, Progressive Web App, Internationalization and localization, SEO...

What are the prerequisites?

You must know HTML, CSS and JavaScript at a basic level. For exemple, you should know enough JavaScript to: declare variables write loops do conditionnal statements define your own functions

What if I don't have a laptop?

We typically do not provide laptops. But contact us as soon as possible and we will see what we can do.

Is it ok to bring a MAC, or a PC?

Both PC and MAC are perfectly fine, you'll get the same experience during the workshop.

What is the setup required?

A detailed setup document is sent to attendees one week prior to the training. Basically you'll have to install Node.js and the latest version of the React libraries.

Which code editor or IDE will we use?

Attendees can use the tool of their choice (Sublime, Atom, Eclipse, WebStorm, Visual Studio...) The instructor is using Visual Studio Code, which is free, available on PC, MAC and Linux, and offers free extensions that help while developing with React. We recommend you give it a try! Visual Studio Code Download

What is React Academy?

This is a 2-day classroom training for professional web developers, available as a public course or as a corporate on-site training.

Are you offering online courses as well?

During the Covid-19, all courses are now live, online and virtual.

Which version of React are you using?

We are *always* teaching on the latest version of React. We constantly update the training material to follow the new React versions.

Can we customize the content?

What are the prerequisites?

You must know HTML, CSS and JavaScript at a basic level. For exemple, you should know enough JavaScript to: declare variables write loops do conditionnal statements define your own functions

What if I don't have a laptop?

We typically do not provide laptops. But contact us as soon as possible and we will see what we can do.

Is it ok to bring a MAC, or a PC?

Both PC and MAC are perfectly fine, you'll get the same experience during the workshop.

What is the setup required?

A detailed setup document is sent to attendees one week prior to the training. Basically you'll have to install Node.js and the latest version of the React libraries.

Which code editor or IDE will we use?

Trainer: Eric Cote

Eric Côté is the owner-trainer of React Academy ca. He’s been toying with computers since he was 10, on a Commodore 64. In the early 90s, he became the first "Webmaster" for the education department at Université de Montréal.

He then started training people on computer programming and web development. For many years, he was a top notch trainer on Microsoft Dev technologies, including: VB, C#, .NET, ASP.NET, MVC, Visual Studio, SQL Server, Sharepoint. He has trained thousands of devs throughout the years.

In the last few years, Eric took an Open Source turn. He’s now developing using GitHub, React, Node.js, React Native, Babel, Webpack, REST APIs and Docker.

He can’t wait to share his findings with you.