Concurrent Rendering Adventures in React 18
What you'll 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
- A basic understanding of React
Are you building React applications that sometimes render a bit slowly? And looking at React 18 Concurrent Rendering to speed things up? If so, you're in the right place. In this course, I will guide you through the exciting new world of concurrent rendering and all the other changes that come with React 18.
My name is Maurice de Beijer and I am a seasoned React developer with years of experience using and teaching React. 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. And now, I am excited to share my knowledge of the latest features in React 18 with you.
In this course, we will cover everything you need to know about concurrent rendering in React 18. We will start with an overview of what concurrent rendering is and why it's important. From there, we will dive into the different features of concurrent rendering, including <SuspenseList />, the startTransition() API, and the useTransition() hook. You will see how easy it is to switch to concurrent rendering in your React application and you will learn how to use these new features to improve the performance of your application.
But that's not all, we will also cover the behavior changes you need to be aware of when upgrading your application to React 18. Whether you're new to React or an experienced developer, this course will provide you with all the knowledge you need to take advantage of the latest features in React 18.
So, if you're ready to take your React skills to the next level and upgrade your applications to React 18, join me in this interactive course. With my guidance, you will learn how to use concurrent rendering to improve the performance of your application and take advantage of all the other new features in React 18.
Who 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
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.