When does class start/end?
Class hours may vary, please reach out to contact@ascendientlearning.com if you have any questions.
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
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- 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- 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.
How do I find an Ascendient Learning training location?
We have training locations across the United States and Canada - View a complete list of classroom training locations.
Which delivery formats are available?
At Ascendient Learning, we offer training that is Instructor-Led, Online, Virtual, and Self-Paced.
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
Good course. I appreciate the time the instructor put into teaching this class.
ExitCertified provided a very organized way to learn and provided materials to follow along.
ExitCertified provided us with a great opportunity to learn more about React and in easy to follow way.
Overall it was a good bootcamp. A lot to cover so it is understandable that the pace had to be a little fast.
They are very good and made sure we had all the appropriate materials for class.
