8293  Reviews star_rate star_rate star_rate star_rate star_half

Introduction to React Development

This React course teaches developers how to build modern web applications. Learners gain practical skills in component-based UIs, state management, routing, and advanced React features. This course...

Read More
$2,090 USD
Duration 3 days
Course Code WA2583
Available Formats Classroom, Virtual

Overview

This React course teaches developers how to build modern web applications. Learners gain practical skills in component-based UIs, state management, routing, and advanced React features. This course also covers TypeScript, GraphQL and Unit Testing with React Testing Library.

Skills Gained

  • Build interactive user interfaces with React components
  • Manage application state using various techniques
  • Implement routing and navigation in single-page applications
  • Utilize React hooks to enhance component functionality
  • Handle asynchronous data in React applications
  • Write unit tests for React components
  • Integrate GraphQL into React applications

Who Can Benefit

Existing JavaScript or TypeScript developers preparing to develop and/or support front-end web applications written in React.

Prerequisites

Attendees for this React training must be proficient developers in modern JavaScript or TypeScript and have some understanding of HTML, CSS, and Ajax.

Course Details

React Overview

  • What is React?
  • React Component Model
  • JSX and Virtual DOM
  • Creating React Projects
  • React Application Frameworks
  • React IDEs and Tools

Introduction to TypeScript

  • About TypeScript
  • The Type System
  • Defining Classes and Methods
  • Working with ES6 Modules
  • Arrow Functions and Template Strings

Basic Components and JSX

  • What is JSX?
  • React Components
  • Setting CSS Styles
  • Input Parameters and Properties
  • Expressions and Fragments

React Functional Component Concepts

  • Functional Components and JSX
  • Props vs. State
  • Event Handling
  • Component Life-cycle
  • App Development Workflow

React Router v7.x

  • Routing and Navigation
  • Component-Based and File-Based Routing
  • Route Parameters and Nested Routes
  • Private Routes

State Management for React

  • React State Basics
  • Managing State with Hooks
  • Redux State Library
  • Types of State
  • Summary

Using React Hooks

  • Hooks Overview
  • The useState Hook
  • The useEffect Hook
  • Additional Hooks
  • Fetching Data Correctly

React's useContext and useReducer Hooks

  • Using the useContext Hook
  • The useReducer Hook
  • CRUD Operations
  • Adding Actions

The React Hook Form Library

  • What is React Hook Form?
  • Installation and Basic Usage
  • Handling Validation
  • Integration with UI Libraries

Creating Custom React Hooks

  • Custom Hooks
  • Using the Custom Message Hook
  • A Custom useList Hook
  • The useDebugValue Hook

React Suspense and Transitions

  • What is React Suspense?
  • Implementing Suspense
  • What are React Transitions?
  • Key Transitions Concepts

Building Apps with Remix

  • What is Remix?
  • Remix Essentials
  • Remix File Based Routing
  • Data Fetching and Mutation

Unit Testing React with React Testing Library

  • React Testing Environment
  • Vitest Setup
  • Snapshot Testing
  • Testing Asynchronous code

Asynchronous Programming with Promises

  • Async Programming in JavaScript
  • What is a Promise?
  • Handling promises with async/await
  • Creating Custom Promises

GraphQL Introduction

  • What is GraphQL?
  • GraphQL Queries and Mutations
  • GraphQL Schema
  • Benefits of GraphQL

Lab Exercises

  • Lab 1. Setting Up a React Development Environment
  • Lab 2. Basic React Components
  • Lab 3. More React Component Concepts
  • Lab 4. React Router Application
  • Lab 5. React Hooks Application
  • Lab 6. React Custom Hooks
  • Lab 7. Suspense and Transitions Lab
  • Lab 8. Remix Lab-Demo
  • Lab 9. Unit Testing with Vitest and Jest
  • Lab 10. Asynchronous Programming with Promises
  • Lab 11. GraphQL Lab-Demo
  • Lab 12. Course Project - React App Using Hooks
|
View Full Schedule

Schedule

2 options available

  • May 5, 2025 - May 7, 2025 (3 days)
    Virtual | 10:00 AM 6:00 PM EST
    Language English
    Select from 1 options below
    Virtual |10:00 AM 6:00 PM EST
    Virtual | 10:00 AM 6:00 PM EST
    Enroll
    Enroll Add to quote
  • Jun 16, 2025 - Jun 18, 2025 (3 days)
    Virtual | 10:00 AM 6:00 PM EST
    Language English
    Select from 1 options below
    Virtual |10:00 AM 6:00 PM EST
    Virtual | 10:00 AM 6:00 PM EST
    Enroll
    Enroll Add to quote

FAQ

Does the course schedule include a Lunchbreak?

Classes typically include a 1-hour lunch break around midday. However, the exact break times and duration can vary depending on the specific class. Your instructor will provide detailed information at the start of the course.

What languages are used to deliver training?

Most courses are conducted in English, unless otherwise specified. Some courses will have the word "FRENCH" marked in red beside the scheduled date(s) indicating the language of instruction.

What does GTR stand for?

GTR stands for Guaranteed to Run; if you see a course with this status, it means this event is confirmed to run. View our GTR page to see our full list of Guaranteed to Run courses.

Does Ascendient Learning deliver group training?

Yes, we provide training for groups, individuals and private on sites. View our group training page for more information.

What does vendor-authorized training mean?

As a vendor-authorized training partner, we offer a curriculum that our partners have vetted. We use the same course materials and facilitate the same labs as our vendor-delivered training. These courses are considered the gold standard and, as such, are priced accordingly.

Is the training too basic, or will you go deep into technology?

It depends on your requirements, your role in your company, and your depth of knowledge. The good news about many of our learning paths, you can start from the fundamentals to highly specialized training.

How up-to-date are your courses and support materials?

We continuously work with our vendors to evaluate and refresh course material to reflect the latest training courses and best practices.

Are your instructors seasoned trainers who have deep knowledge of the training topic?

Ascendient Learning instructors have an average of 27 years of practical IT experience and have also served as consultants for an average of 15 years. To stay current, instructors spend at least 25 percent of their time learning new, emerging technologies and courses.

Do you provide hands-on training and exercises in an actual lab environment?

Lab access is dependent on the vendor and the type of training you sign up for. However, many of our top vendors will provide lab access to students to test and practice. The course description will specify lab access.

Will you customize the training for our company’s specific needs and goals?

We will work with you to identify training needs and areas of growth.  We offer a variety of training methods, such as private group training, on-site of your choice, and virtually. We provide courses and certifications that are aligned with your business goals.

How do I get started with certification?

Getting started on a certification pathway depends on your goals and the vendor you choose to get certified in. Many vendors offer entry-level IT certification to advanced IT certification that can boost your career. To get access to certification vouchers and discounts, please contact info@ascendientlearning.com.

Will I get access to content after I complete a course?

You will get access to the PDF of course books and guides, but access to the recording and slides will depend on the vendor and type of training you receive.

How do I request a W9 for Ascendient Learning?

View our filing status and how to request a W9.

Reviews

Overall experiance is very nice. the online training plateform is very advance.

Instructor, Training material & span of the training is neatly planned.

ExitCertified gave me some good trainings and I got to learn through doing labs.

Sean is the very good instructor. I would like to take his class again in the future.

Very good material, the instructor was clear explaining the topics, and the labs were easy to follow it.