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
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
- Motivation for Creating React
- JSX and the Virtual DOM
- Creating React Projects
- React Application Frameworks
Introduction to TypeScript
- About TypeScript
- The Type System
- Working with ES6 Modules
- Arrow Functions
- Spread Operator and Promises
Basic Components and JSX
- What is JSX?
- Running the Transpiled Code
- Creating Functional Components
- CSS Styles and Properties
- Expressions and Fragments
React Functional Component Concepts
- Functional Components
- Nesting JSX Elements
- Working with Lists and Keys
- Manage State and Props
- Component Lifecycle
React Router v7.x
- Routing and Navigation
- Types of Routing
- Route Configuration and Example
- Navigation Components
- Private Routes
State Management for React
- React State Basics
- Managing State with Hooks
- Redux Overview
- Basic Rules for State Management
- Types of State
Using React Hooks
- Functional Component Shortcomings
- Overview of Hooks
- The useState and useEffect Hooks
- Additional Hooks Overview
React’s useContext and useReducer Hooks
- Using the useContext Hook
- The useReducer Hook
- Example Usage for CRUD Operations
- REST Interface Functions
- Updating the Reducer
The React Hook Form Library
- What is React Hook Form?
- Installation and Basic Usage
- Handling Validation
- Form Control and Integration
Creating Custom React Hooks
- Custom Hooks Overview
- A Custom useList Hook
- Using useDebugValue Hook
React Suspense and Transitions
- What is React Suspense?
- Suspense Concepts and Examples
- What are React Transitions?
- Transitions Concepts and Examples
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
- Testing Features and Component Tests
- Snapshot Testing
- Testing Asynchronous Code
- React Testing Library Examples
Asynchronous Programming with Promises
- Understanding Async Programming
- Promise States and Handling
- Using async/await
- Creating Custom Promises
- Practical Examples
GraphQL Introduction
- What is GraphQL?
- GraphQL vs. REST
- GraphQL Operations and Schema
- Resolvers and Examples
- Benefits of GraphQL
Building Apps with Remix
- What is Remix?
- Setting Up and Essentials
- Remix File-Based Routing
- Server-Side Rendering and Optimization
- Data Fetching and User Authentication
Schedule
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
Overall it was a good bootcamp. A lot to cover so it is understandable that the pace had to be a little fast.
Good training. A lot to take in for the short amount of time we have though
This was a good program to get prepared for the solutions architect associate exam.
Both course material and instructor demonstrated a sound foundation on Maximo material
I liked the pace of the course. I like that I have more than instance to use the lab.
