Click on a province to see details.

Calendar

Course Outline

Select course:

React Academy course

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
9. Loading data into State New
  • Fetch() to get data from API
  • Cache data using createResource()
  • Show spinner using Suspense
  • Code split using lazy loading to reduce loading times
  • Using keys
10. Context New
  • Why use a context?
  • Creating context using createContext()
  • Using providers and consumers
  • Updating Context
11. React Architecture Best Practices New
  • Higher-Order Components
  • Render props
  • Custom hooks
  • Where to put state
  • Why should state be immutable?
  • What about css?

Day 3

Mastering the platform
12. Advanced React tooling 
  • Intro to the React Dev tools
  • Debugging Extension
  • Navigating components
  • Analyzing performance with profiler
  • Detect what is rendering
  • Error Boundaries
13. Working with State: Redux 
  • Intro to Flux and Redux
  • Actions
  • Reducers
  • Storage
  • A new approach: Redux Starter kit
14. Working with Asynchronous calls using Redux New
  • Using Redux middleware
  • Using Redux-Thunk
  • Using the Redux dev tools
  • Using Fetch() with Redux
15. Optimize React performance New
  • Using production build
  • Avoiding reconciliation
  • ShouldComponentUpdate()
  • Pure Components
16. Some additional technologies 
  • React Native demo: Build phone apps using React
  • React Ionic demo: Build phone apps using the DOM

3-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

If you are in Canada we want to visit you. We are bringing the course to Montreal, Vancouver, Toronto, Ottawa, Calgary, Quebec City and more!

Prerequisites

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

Workshop

Bring your laptop! An important part of the training is dedicated to building apps together and testing things in real time (bootcamp style).

Popular

React is used on thousands of web sites (Facebook, Netflix, Instagram, NY Times) and mobile apps (Skype, Uber, Tesla).

FAQ

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

Online courses aren't as fun as having a real class. We prefer to deliver our courseware as a bootcamp style workshop with plenty of interactivity with everyone in the room.

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

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...

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

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

Online courses aren't as fun as having a real class. We prefer to deliver our courseware as a bootcamp style workshop with plenty of interactivity with everyone in the room.

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

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...

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

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

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

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.

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

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

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

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.

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

Trainer: Eric Cote

Photo of 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.

Send message

(You can also send an email to : info "at" ReactAcademy.ca.)

Corporate training

Get Corporate training in your own offices. You just need to provide a room with a TV or projector. Save time and money!

Course is CA$385.00 per person per day

For a 3-day course, you pay CA$1,155.00 per person.

For this group of 8 attendees, the Grand Total is CA$9,240.00 (All-inclusive rate. Sales tax not included)

Photo Gallery

Private Toronto training
Vancouver training
Montreal training
Cirque du soleil offices, Montreal
Equisoft Montreal, first group
Equisoft Montreal, second group
Pre-Conference at Prairie Dev Con, Regina SK
Private group in Moncton NB
Vancouver training, with people from Boeing
Toronto training, with happy people
Private training in Ottawa
Private Training in Montreal at the K2 offices
Private training in Toronto for Uberflip
Private training in Montreal for Reitman's Group
Public training in Vancouver, BC
Coding Academy Meeting: Vue Academy, React Academy, Kubernetes Academy
Training in Montreal, with a few people that flew in from Dallas
Private training in Ottawa for Public Safety Canada
Montreal training in French
Private Toronto training
Vancouver training
Montreal training
Cirque du soleil offices, Montreal
Equisoft Montreal, first group
Equisoft Montreal, second group

Partners

Coding Academy
Angular Academy
Azure Academy
Kubernetes Academy
Vue Academy