Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Concurrent Rendering Adventures in React 18

Learn all about the how and why of concurrent rendering in React 18
4.5
4.5/5
(13 reviews)
362 students
Created by

8.6

CourseMarks Score®

9.5

Freshness

8.2

Feedback

7.4

Content

Platform: Udemy
Video: 1h 16m
Language: English
Next start: On Demand

Table of contents

Description

Are you building React applications that sometimes render a bit slowly? And 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 I am going to explain you all about the new concurrent rendering features in React 18. But why stop there, after all there is more to React 18 than just concurrent rendering. I will show you the behavior changes you need to be aware of!

Join me with your laptop in this 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, <SuspenseList />, the startTransition() API, the useTransition() hook and more.

My name is Maurice de Beijer and I love React. I have been using and teaching React for quite some time. I have seen quite a few transitions in the React API. From React.createClass() to the ECMAScript 2015 React.Component. From there to functional React components and then to hooks.

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 how React is different to libraries like Vue. This course will explain the importance of concurrent rendering to you.

You will learn

✓ The how and why of concurrent rendering in React 18
✓ Coordinating suspense boundaries with the <SuspenseList /> component
✓ Using the startTransition() API
✓ Using the useTransition() hook

Requirements

• A basic understanding of React

This course is for

• React developers looking to upgrade their applications to React 18
• Developers wanting to understand how concurrent rendering can help fix performance problems
Tell me. Show me. Involve me.
Hello, I’m Maurice.
I am a software consultant and trainer, specializing in TypeScript, ECMAScript, React, Svelte and ASP.NET MVC. My work includes a large, global, safety application for the oil and gas industry. This is completely done with React. I have also worked on many other applications.
I am also active in the open source community. You can check out my GitHub account.
When not building applications myself I teach other developers. The topics vary from ECMAScript, TypeScript, React, Svelte, Vue, Cypress, RxJS to ASP.NET MVC.
I have received Microsoft’s Yearly Most Valuable Professional Award since 2005. I am also active in the dotNed user group and helps organize its meetings.
Platform: Udemy
Video: 1h 16m
Language: English
Next start: On Demand

Students are also interested in