Cademy logoCademy Marketplace

Course Images

Concurrent Rendering Adventures in React 18

Concurrent Rendering Adventures in React 18

🔥 Limited Time Offer 🔥

Get a 10% discount on your first order when you use this promo code at checkout: MAY24BAN3X

  • 30 Day Money Back Guarantee
  • Completion Certificate
  • 24/7 Technical Support

Highlights

  • On-Demand course

  • 1 hour 16 minutes

  • All levels

Description

Is this course for you? Looking to upgrade your React 17 applications to React 18? Are you working with React already? Then sooner or later, you will need to upgrade to React 18. New to React and curious to know how React is different from libraries such as Vue? This course will explain the importance of concurrent rendering to you. A beginner-friendly course in React.

Are you building React applications that sometimes render a bit slowly? Are you looking at React 18 concurrent rendering to speed things up? Or using React 17 and looking to upgrade your applications to React 18? Not sure what is new in React 18 and what you need to change? Or maybe you are wondering what the benefits of React 18 concurrent rendering are in the first place? In this course, you will learn all about the new concurrent rendering features in React 18. But why to stop there; after all, there is more to React 18 than just concurrent rendering. The author will show you the behavior changes you need to be aware of! This is a simple, crisp, and interactive course. You will see how easy it is to switch to concurrent rendering in your React application. You will learn all about concurrent rendering, , the startTransition() API, the useTransition() hook and more. By the end of this course, you will get to know the importance of concurrent rendering. All the resource files are uploaded on the GitHub repository at https://github.com/PacktPublishing/concurrent-rendering-adventures-in-react-18

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

Audience

This course is for React developers looking to upgrade their applications to React 18 and developers wanting to understand how concurrent rendering can help fix performance problems.

A basic understanding of React is required to follow along but not mandatory.

Approach

This is a short, interactive, and complete course on concurrent rendering adventures in React 18. This course follows a hands-on approach with a good balance between theoretical and practical content. The code files are uploaded on the GitHub repository; however, the author insists on typing and executing codes as you follow along.

Key Features

A short, crisp, and complete course that covers rendering in React 18 * Recorded on the latest version of React; shows and transitions * Comes bundled with the code files and PPT uploaded on the GitHub repository

Github Repo

https://github.com/PacktPublishing/concurrent-rendering-adventures-in-react-18

About the Author

ABL THE PROBLEM SOLVER

Maurice de Beijer is a software consultant and a trainer, specializing in TypeScript, ECMAScript, React, Svelte, and ASP.NET MVC. He has worked for a large, global safety application for the oil and gas industry using React. He is also an active member of the open-source community and the dotNet user group and helps organize its meetings. When not building applications, he teaches other developers on the topics he specializes in. He has been Microsoft's yearly most valuable professional award winner since 2005.

Course Outline

1. Course Structure

This section explains the entire course content right from scratch.

1. Introduction

This video provides an introduction to this course.

2. Prerequisites

This video demonstrates the prerequisites of this course; it also shows the links to the code files and the PPT file.

3. <Suspense />

This video helps you understand about <Suspense />.

4. <Suspense /> and Errors

This video explains <Suspense /> and errors.

5. Nesting <Suspense />

This video explains the nesting <Suspense /> feature.

6. Parallel <Suspense />

This video explains the parallel <Suspense /> approach.

7. Switching to React 18

This video demonstrates how to switch from older versions of React to the latest React 18 version.

8. New Hooks

This video focuses on the new hooks introduced.

9. Using <SuspenseList />

This video explains coordinating suspense boundaries with the <SuspenseList /> component.

10. Concurrent Mode

This video helps you understand the concurrent mode.

11. Using startTransition()

This video covers using the startTransition() API.

12. Using useTransition()

This video explores using the useTransition() hook.

13. <Suspense /> and Transitions

This video talks about <Suspense /> and transitions.

14. Using useDeferredValue()

This video demonstrates using useDeferredValue().

15. Conclusion

This conclusion video is where you will revise some important learnings.

Course Content

  1. Concurrent Rendering Adventures in React 18

About The Provider

Packt
Packt
Birmingham
Founded in 2004 in Birmingham, UK, Packt’s mission is to help the world put software to work in new ways, through the delivery of effective learning and i...
Read more about Packt

Tags

Reviews