Concurrent Rendering in React 18 Online Course

Concurrent Rendering in React 18 Online Course

This course introduces the new features of React 18, with a focus on concurrent rendering and how it improves application performance. You’ll learn about key APIs like startTransition() and the useTransition() hook, along with important behavior changes from previous versions. Whether upgrading from React 17 or starting fresh with React 18, this interactive course will guide you through the transition and help you understand the benefits of concurrent rendering for faster, smoother applications.

Who should take this course?

This course is ideal for front-end developers, React practitioners, and software engineers who want to deepen their understanding of React 18’s concurrent rendering features. It’s best suited for those with prior React experience who are looking to build faster, more responsive applications using concepts like concurrent rendering, Suspense, and transitions. Whether you’re optimizing existing projects or developing modern, high-performance user interfaces, this course will equip you with the skills to fully leverage React 18’s advanced capabilities.

What you will learn

• Learn the how and why of concurrent rendering in React 18
• Look at Nesting
• Understand Parallel
• Coordinate suspense boundaries with the component
• Use the startTransition() API
• Use the useTransition() hook

Course Outline

Course Structure

• Introduction
• Prerequisites
• <Suspense />
• <Suspense /> and Errors
• Nesting <Suspense />
• Parallel <Suspense />
• Switching to React 18
• New Hooks
• Using <SuspenseList />
• Concurrent Mode
• Using startTransition()
• Using useTransition()
• <Suspense /> and Transitions
• Using useDeferredValue()
• Conclusion