Developing Applications using ReactJS Training in Canada

  • Learn via: Classroom / Virtual Classroom / Online
  • Duration: 4 Days
  • Level: Intermediate
  • Price: From €3,620+VAT

This course is a complete guide to building and testing scalable web applications using ReactJS, the industry’s leading JavaScript library. Using already-known knowledge of web development via HTML, CSS, and JavaScript, you will build powerful single-page applications using React’s key features and add-ons.

This course will provide an overview of the React library before launching into each of the building blocks of developing React applications. Learners will create a project with the use of function and class components, routing, props, forms, state management, and many other key React concepts used in both single-developer and enterprise-level React application development.

Delivery is through instructor-led explanations and short follow-up exercises that allow learners to experiment with code. Learners will be continuously building upon a practical project throughout their learning.

Read more +
We can host this training at your preferred location.

Prerequisites

Learners must have skills in the following:

  • At least 1 year of experience in a software/web app development role
  • Advanced knowledge and practical experience of HTML, CSS, and JavaScript

It is essential you understand the face of contemporary web development to attend this course. We insist upon learners having a good understanding of and experience of JavaScript plus good HTML and CSS skills (as covered in QAHTMLCSS).

Target Audience

This course has been designed for learners who are:

  • Software Engineers
  • Front-End Developers
  • Full-Stack Developers
Read more +

What You Will Learn

By the end of this course, you will learn how to:

  • Set up and run a simple React application.
  • Create both React function and class components whilst developing an appropriate component hierarchy for control flow and routing.
  • Develop and utilise React props within components for data flow.
  • Use static external data to populate components, as well as conditionally render items dependent on data values.
  • Create react forms via components and add into an application.
  • Work with state in React, and appropriately manage state throughout an application.
  • Manage inverse data flow within a React application via props and handler functions.
  • Utilise hooks within an application to work with external data and services.
  • Use context to abstract state from components.

Read more +

Outline

1. Introduction to React

  • Introduction to React and its advantages
  • Create and run a React project
  • React and the Virtual DOM

2. Components

  • How to write and use a component
  • Function and Class Components
  • Embedding Dynamic Content
  • Header and Footer Components

3. Props

  • React and Data
  • Understanding Props and Data Flow
  • Default Props
  • Prop Types and Validation

4. Using Static Data

  • Data Sources and Importing Static Data
  • Using a Dataset with Maps

5. Forms

  • Building a React Form
  • Forms and State
  • Static Forms
  • Use Events within Forms

6. Conditional Rendering

  • How to render content conditionally
  • List Rendering
  • Importing and Rendering Data

7. Events

  • Event Handling
  • Events and Components

8. State

  • Introduction to State
  • Developing and Managing State
  • Add State into an application

9. Inverse Data Flow

  • Parent and Child Data Flow
  • Callbacks
  • Implementing Inverse Data Flow

10. useEffect Hooks

  • What is a Hook, and what are Effect Hooks?
  • Hook Flow
  • Implementing useEffect

11. External Data, Services and Requests

  • Making External Requests for Data
  • HTTP Request and Response Structure and Types
  • Using useEffect to collect data
  • JSON Server and RESTful APIs
  • Use an External Service to get, send and update data

12. Routing

  • React Router Introduction
  • Single-Page App architecture
  • Routing logic and implementation
  • Rendering via the Navigate component
  • Parameterised routes
  • Passing props to a routed component

13. Context

  • What is React Context?
  • Context use cases
  • State Management with Context
  • How is sessionStorage used within React?
Read more +

Training Reviews



Contact us for more detail about our trainings and for all other enquiries!

Avaible Training Dates

Join our public courses in our Canada facilities. Private class trainings will be organized at the location of your preference, according to your schedule.

10 April 2025 (4 Days)
Toronto, Montreal, Calgary
Classroom / Virtual Classroom
€3,620 +VAT
12 April 2025 (4 Days)
Toronto, Montreal, Calgary
Classroom / Virtual Classroom
€3,620 +VAT
18 April 2025 (4 Days)
Toronto, Montreal, Calgary
Classroom / Virtual Classroom
€3,620 +VAT
22 April 2025 (4 Days)
Toronto, Montreal, Calgary
Classroom / Virtual Classroom
€3,620 +VAT
15 May 2025 (4 Days)
Toronto, Montreal, Calgary
Classroom / Virtual Classroom
€3,620 +VAT
02 June 2025 (4 Days)
Toronto, Montreal, Calgary
Classroom / Virtual Classroom
€3,620 +VAT
09 June 2025 (4 Days)
Toronto, Montreal, Calgary
Classroom / Virtual Classroom
€3,620 +VAT
21 June 2025 (4 Days)
Toronto, Montreal, Calgary
Classroom / Virtual Classroom
€3,620 +VAT
Developing Applications using ReactJS Training Course in Canada

Canada is a North American country. Known as the second-largest country of the world, Canada’s capital city is Ottawa. Toronto, Vancouver and Montreal are the biggest and most popular cities of this country. The 8,891-kilometer southern and western border between Canada and the United States is the world's longest intergovernmental land border. This country also has the longest coastline in the world.

Canada is a constitutional monarchy. The country was originally a British Empire colony and is now a part of the British Commonwealth. Both French and English are Canada’s official languages. Canada’s national animal is a beaver and the its flag design is a vertical triband of red and white with a red maple leaf charged in the centre. Some of the top-rated tourist attractions in Canada are Niagara Falls, Banff National Park and Rocky Mountains, CN Tower in Toronto City, Bay of Fundy, Old Quebec (Vieux-Quebec in French), the ski resort of Whistler, Ottawa's Parliament Hill and Vancouver Island.

Choose from our extensive selection of IT courses, covering programming, data analytics, software development, business skills, cloud computing, cybersecurity, project management. Our highly skilled instructors will deliver hands-on training and valuable insights at a location of your choice within Canada.
By using this website you agree to let us use cookies. For further information about our use of cookies, check out our Cookie Policy.