SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Concurrent Rendering Adventures in React 18
Concurrent Rendering Adventures in React 18

Concurrent Rendering Adventures in React 18

Learn all about the how and why of concurrent rendering in React 18


Course details

5.0∙1 Rating1 review

Published
December 2021
Videos
15
Duration
1h 16m
Happy students
84

Take this course

About the course

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.

Course Instructor

Maurice de Beijer

Maurice de Beijer

Maurice de Beijer is an independent software consultant and trainer. He specializes in TypeScript, ECMAScript, React, Svelte and ASP.NET MVC. His work includes popular collaboration software as well as a large, global, safety application for the oil and gas industry. Maurice is also active in the open source community. He teaches ECMAScript, TypeScript, React, Svelte, Vue, Cypress, RxJS and ASP.NET MVC courses. Since 2005, he has received Microsoft’s Yearly Most Valuable Professional Award. Further, Maurice is active in the Dutch dotNed user group and helps organize its meetings.

Course Outline

Lesson 1: Introduction
  • Free
    Hello and Welcome
    2:24
  • Locked
    Prerequisites
    7:24
Lesson 2: <Suspense /> - <Suspense />
Lesson 3: What's New in React 18 -Switching to React 18
Lesson 4: Conclusion

Reviews
5.0

1 total

1
0
0
0
0

Course details

5.0∙1 Rating1 review

Published
December 2021
Videos
15
Duration
1h 16m
Happy students
84

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy