React JS 18 what's new ?

React JS 18 what's new ? 

  • Performance improvement by more efficient (batched) state updates. This is mostly internal and should not impact your development process much.

  • More control over delayed state updates with the startTransition API. I would compare it to using a debounced function (e.g. typing in a search input and only send a search query after the user has stopped typing for some time), but the difference is that it is handled internally by the React scheduler, instead of a synchronous call that forces React to wait for the next render cycle.

  • Improved server side rendering (SSR), so you can send server rendered component in batches (streaming), instead of having to wait for the whole thing. This makes loading more gradual (instead of an all-or-nothing experience), which can make the app feel faster and can improve the loading experience for the user.

 

The React team is excited to share a few updates:

  1. We’ve started work on the React 18 release, which will be our next major version.
  2. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18.
  3. We’ve published a React 18 Alpha so that library authors can try it and provide feedback.

These updates are primarily aimed at maintainers of third-party libraries. If you’re learning, teaching, or using React to build user-facing applications, you can safely ignore this post. But you are welcome to follow the discussions in the React 18 Working Group if you’re curious!