Concurrent Rendering Adventures in React 18

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

Ratings: 4.61 / 5.00




Description

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.

What 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

Who Should Attend!

  • React developers looking to upgrade their applications to React 18
  • Developers wanting to understand how concurrent rendering can help fix performance problems