Concurrent Rendering in React 18 Online Course
Concurrent Rendering in React 18 Online Course
This online course focuses on mastering Concurrent Rendering in React 18. If you're experiencing slow renders in your React applications or considering an upgrade from React 17, this course will help you understand the new features and benefits of React 18, including concurrent rendering. You’ll learn how to implement key concepts like startTransition(), the useTransition() hook, and other important changes. This simple, interactive course will guide you through the transition process, helping you leverage React 18’s performance improvements. By the end, you'll have a solid understanding of concurrent rendering and how it enhances the speed and responsiveness of your applications.
Key Benefits
- This concise yet comprehensive course covers rendering in React 18, providing an in-depth exploration of the latest features and transitions.
- The course is recorded using the most recent version of React, ensuring you're learning with up-to-date content.
- Additionally, the course includes access to all code files and presentation slides, which are conveniently available on the GitHub repository for easy reference.
Target Audience
This course is designed for React developers seeking to upgrade their applications to React 18 and those interested in learning how concurrent rendering can enhance performance. While a foundational knowledge of React is helpful, it is not a strict prerequisite to fully engage with the course material.
Learning Objectives
- Gain a comprehensive understanding of concurrent rendering in React 18, including its purpose and benefits.
- Explore the concept of nesting and how it applies to rendering.
- Learn how to implement parallel rendering effectively.
- Understand how to coordinate suspense boundaries with your components for optimal performance.
- Master the usage of the startTransition() API and the useTransition() hook to manage state transitions efficiently.
Course Outline
The Concurrent Rendering in React 18 Exam covers the following topics -
- Module 1 - Introduction
- Module 2 - Requirements and Prerequisites
- Module 3 - The <Suspense /> Component
- Module 4 - Error Handling with <Suspense />
- Module 5 - Nesting <Suspense /> Components
- Module 6 - Implementing Parallel <Suspense />
- Module 7 - Upgrading to React 18
- Module 8 - Introducing New Hooks
- Module 9 - Working with <SuspenseList />
- Module 10 - Concurrent Rendering Mode
- Module 11 - Implementing startTransition()
- Module 12 - Leveraging useTransition()
- Module 13 - Combining <Suspense /> with Transitions
- Module 14 - Using useDeferredValue()
