React 19 is now officially released!
React 19 has been out for more than a month and many third-party libraries and components have started supporting it. It’s time to think about upgrading your projects to React 19.
Surprisingly, the hype around the official release is much smaller compared to the preview release in April. But nevertheless, it is released and you may think of doing the upgrade. If so, have a look at the migration/upgrade guide: React 19 Upgrade Guide.
Key Changes in React 19
While it doesn’t make sense to repeat all the changes here, let’s summarize the three most important ones for me:
- Actions have been introduced, providing a new way to handle side effects in a more declarative manner.
- New hooks like useTransition and useDeferredValue have been added to improve state management and performance by deferring updates.
- The Suspense API has been extended to support more use cases and improve data fetching.
Unfortunately, the big advantage promoted together with React 19, the react compiler, is still only in beta and shouldn’t be used in production. So, you still need to take care of memoization yourself. For instance, have a look at my post from last year: Memoization in React.
Please don’t forget to keep on following the rules of React.
Happy coding!