Inside React Labs: REACT 19 is coming!
Tags: react, webdev, news, programming
Published: 2024-02-21 22:37:33

Hello and welcome! In today's episode, I'm going to share some insights on the upcoming changes in React 19, so without further ado, let's get started with some of the highlights.


----------------



## The bigger picture



**A statement from the [React Blog] (https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024)**:
_In React Labs posts, we write about projects in active research and development. We’ve made significant progress since our last update, and we’d like to share our progress._

React 19 brings major changes and insights for the future.
The blog post provided detailed information on the upcoming release and the direction of React.

## React compiler
One key topic discussed was the development of the React compiler, previously a research project. React compiler aims to prevent unnecessary renders in components. Instagram currently uses the React compiler to power its entirety.
The React team is working on implementing the React compiler in future releases to optimize rendering.
React compiler aims to render only the right parts of components. It automatically detects code that doesn't strictly follow React or JavaScript rules
It compiles safe code and skips unsafe code, aiming to improve performance and prevent unnecessary renders

## Actions
React 19 extends server actions to include client-only applications. It enables defining synchronous and asynchronous functions for form submission with React managing the lifecycle. Two new hooks, '**useFormStatus**' and another, will be introduced as part of the core React Library.
**useFormState** allows updating state based on form action.
It responds to the useFormStatus hook. Another hook called [useOptimistic] (https://react.dev/reference/react/useOptimistic) allows optimistically updating the UI.

## React Canaries
React is now allowing us to test new changes before stable release. Changes are available in the Canary Channel for testing. Canary Channel allows users to test changes before the stable release.React 19 is introducing Canary with new features and a major release update.

Canary release includes React server components, asset loading, document metadata, and actions feature
Integration of directives like` use client` and `use server `for fullstack React Frameworks, supporting rendering document metadata and enhancing resource loading using suspense


![then](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j883evrwgrcfcvah7tjz.gif)


## Release date?

I guess you all are wondering about the release date for all these features right? React 19 is expected to be released either this year or the beginning of next year. The expectation for the release timing is based on the mentioned details.

I'm excited about the release and have some plans to provide updates and create new content for React 19. Please go ahead and see the official [React Blog post](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024). 

That's it! LMK what you think about the upcoming changes. 

_Until next......_


![cheers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wz3hl2kxqi0y35fyxhnn.jpeg)