mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-22 03:42:14 +00:00
Update React v19 blog post for stable release (#7321)
* React v19 blog update * re-add sebbie's install updates Co-authored-by: Sebastian Silbermann <silbermann.sebastian@gmail.com> --------- Co-authored-by: Sebastian Silbermann <silbermann.sebastian@gmail.com>
This commit is contained in:
Ricky
@@ -1,5 +1,5 @@
|
||||
---
|
||||
title: "React 19 RC Upgrade Guide"
|
||||
title: "React 19 Upgrade Guide"
|
||||
author: Ricky Hanlon
|
||||
date: 2024/04/25
|
||||
description: The improvements added to React 19 require some breaking changes, but we've worked to make the upgrade as smooth as possible and we don't expect the changes to impact most apps. In this post, we will guide you through the steps for upgrading apps and libraries to React 19.
|
||||
@@ -12,7 +12,7 @@ April 25, 2024 by [Ricky Hanlon](https://twitter.com/rickhanlonii)
|
||||
|
||||
<Intro>
|
||||
|
||||
The improvements added to React 19 RC require some breaking changes, but we've worked to make the upgrade as smooth as possible, and we don't expect the changes to impact most apps.
|
||||
The improvements added to React 19 require some breaking changes, but we've worked to make the upgrade as smooth as possible, and we don't expect the changes to impact most apps.
|
||||
|
||||
</Intro>
|
||||
|
||||
@@ -38,7 +38,7 @@ In this post, we will guide you through the steps for upgrading to React 19:
|
||||
- [TypeScript changes](#typescript-changes)
|
||||
- [Changelog](#changelog)
|
||||
|
||||
If you'd like to help us test React 19, follow the steps in this upgrade guide and [report any issues](https://github.com/facebook/react/issues/new?assignees=&labels=React+19&projects=&template=19.md&title=%5BReact+19%5D) you encounter. For a list of new features added to React 19, see the [React 19 release post](/blog/2024/04/25/react-19).
|
||||
If you'd like to help us test React 19, follow the steps in this upgrade guide and [report any issues](https://github.com/facebook/react/issues/new?assignees=&labels=React+19&projects=&template=19.md&title=%5BReact+19%5D) you encounter. For a list of new features added to React 19, see the [React 19 release post](/blog/2024/12/05/react-19).
|
||||
|
||||
---
|
||||
## Installing {/*installing*/}
|
||||
@@ -70,28 +70,23 @@ We expect most apps will not be affected since the transform is enabled in most
|
||||
To install the latest version of React and React DOM:
|
||||
|
||||
```bash
|
||||
npm install --save-exact react@rc react-dom@rc
|
||||
npm install --save-exact react@^19.0.0 react-dom@^19.0.0
|
||||
```
|
||||
|
||||
Or, if you're using Yarn:
|
||||
|
||||
```bash
|
||||
yarn add --exact react@rc react-dom@rc
|
||||
yarn add --exact react@^19.0.0 react-dom@^19.0.0
|
||||
```
|
||||
|
||||
If you're using TypeScript, you also need to update the types. Once React 19 is released as stable, you can install the types as usual from `@types/react` and `@types/react-dom`. Until the stable release, the types are available in different packages which need to be enforced in your `package.json`:
|
||||
If you're using TypeScript, you also need to update the types.
|
||||
```bash
|
||||
npm install --save-exact @types/react@^19.0.0 react-dom@^19.0.0
|
||||
```
|
||||
|
||||
```json
|
||||
{
|
||||
"dependencies": {
|
||||
"@types/react": "npm:types-react@rc",
|
||||
"@types/react-dom": "npm:types-react-dom@rc"
|
||||
},
|
||||
"overrides": {
|
||||
"@types/react": "npm:types-react@rc",
|
||||
"@types/react-dom": "npm:types-react-dom@rc"
|
||||
}
|
||||
}
|
||||
Or, if you're using Yarn:
|
||||
```bash
|
||||
yarn add --exact @†ypes/react@^19.0.0 @†ypes/react-dom@^19.0.0
|
||||
```
|
||||
|
||||
We're also including a codemod for the most common replacements. See [TypeScript changes](#typescript-changes) below.
|
||||
@@ -752,7 +747,7 @@ const reducer = (state: State, action: Action) => state;
|
||||
- **react-dom**: Remove layout effect warning during SSR [#26395](https://github.com/facebook/react/pull/26395)
|
||||
- **react-dom**: Warn and don’t set empty string for src/href (except anchor tags) [#28124](https://github.com/facebook/react/pull/28124)
|
||||
|
||||
We'll publish the full changelog with the stable release of React 19.
|
||||
For a full list of changes, please see the [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md#1900-december-5-2024).
|
||||
|
||||
---
|
||||
|
||||
|
||||
@@ -17,7 +17,7 @@ Last week we hosted React Conf 2024, a two-day conference in Henderson, Nevada w
|
||||
|
||||
---
|
||||
|
||||
At React Conf 2024, we announced the [React 19 RC](/blog/2024/04/25/react-19), the [React Native New Architecture Beta](https://github.com/reactwg/react-native-new-architecture/discussions/189), and an experimental release of the [React Compiler](/learn/react-compiler). The community also took the stage to announce [React Router v7](https://remix.run/blog/merging-remix-and-react-router), [Universal Server Components](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s) in Expo Router, React Server Components in [RedwoodJS](https://redwoodjs.com/blog/rsc-now-in-redwoodjs), and much more.
|
||||
At React Conf 2024, we announced the [React 19 RC](/blog/2024/12/05/react-19), the [React Native New Architecture Beta](https://github.com/reactwg/react-native-new-architecture/discussions/189), and an experimental release of the [React Compiler](/learn/react-compiler). The community also took the stage to announce [React Router v7](https://remix.run/blog/merging-remix-and-react-router), [Universal Server Components](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s) in Expo Router, React Server Components in [RedwoodJS](https://redwoodjs.com/blog/rsc-now-in-redwoodjs), and much more.
|
||||
|
||||
The entire [day 1](https://www.youtube.com/watch?v=T8TZQ6k4SLE) and [day 2](https://www.youtube.com/watch?v=0ckOUBiuxVY) streams are available online. In this post, we'll summarize the talks and announcements from the event.
|
||||
|
||||
@@ -36,7 +36,7 @@ For more, check out these talks from the community later in the conference:
|
||||
- [RedwoodJS, now with React Server Components](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=26815s) by [Amy Dutton](https://twitter.com/selfteachme)
|
||||
- [Introducing Universal React Server Components in Expo Router](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=20765s) by [Evan Bacon](https://twitter.com/Baconbrix)
|
||||
|
||||
Next in the keynote, [Josh Story](https://twitter.com/joshcstory) and [Andrew Clark](https://twitter.com/acdlite) shared new features coming in React 19, and announced the React 19 RC which is ready for testing in production. Check out all the features in the [React 19 release post](/blog/2024/04/25/react-19), and see these talks for deep dives on the new features:
|
||||
Next in the keynote, [Josh Story](https://twitter.com/joshcstory) and [Andrew Clark](https://twitter.com/acdlite) shared new features coming in React 19, and announced the React 19 RC which is ready for testing in production. Check out all the features in the [React 19 release post](/blog/2024/12/05/react-19), and see these talks for deep dives on the new features:
|
||||
|
||||
- [What's new in React 19](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=8880s) by [Lydia Hallie](https://twitter.com/lydiahallie)
|
||||
- [React Unpacked: A Roadmap to React 19](https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=10112s) by [Sam Selikoff](https://twitter.com/samselikoff)
|
||||
|
||||
@@ -1,21 +1,33 @@
|
||||
---
|
||||
title: "React 19 RC"
|
||||
title: "React v19"
|
||||
author: The React Team
|
||||
date: 2024/04/25
|
||||
description: React 19 RC is now available on npm! In this post, we'll give an overview of the new features in React 19, and how you can adopt them.
|
||||
date: 2024/12/05
|
||||
description: React 19 is now available on npm! In this post, we'll give an overview of the new features in React 19, and how you can adopt them.
|
||||
---
|
||||
|
||||
April 25, 2024 by [The React Team](/community/team)
|
||||
December 05, 2024 by [The React Team](/community/team)
|
||||
|
||||
---
|
||||
<Note>
|
||||
|
||||
### React 19 is now stable! {/*react-19-is-now-stable*/}
|
||||
|
||||
Additions since this post was originally shared with the React 19 RC in April:
|
||||
|
||||
- **Pre-warming for suspended trees**: see [Improvements to Suspense](/blog/2024/04/25/react-19-upgrade-guide#improvements-to-suspense).
|
||||
- **React DOM static APIs**: see [New React DOM Static APIs](#new-react-dom-static-apis).
|
||||
|
||||
_The date for this post has been update to reflect the stable release date._
|
||||
|
||||
</Note>
|
||||
|
||||
<Intro>
|
||||
|
||||
React 19 RC is now available on npm!
|
||||
React v19 is now available on npm!
|
||||
|
||||
</Intro>
|
||||
|
||||
In our [React 19 RC Upgrade Guide](/blog/2024/04/25/react-19-upgrade-guide), we shared step-by-step instructions for upgrading your app to React 19. In this post, we'll give an overview of the new features in React 19, and how you can adopt them.
|
||||
In our [React 19 Upgrade Guide](/blog/2024/04/25/react-19-upgrade-guide), we shared step-by-step instructions for upgrading your app to React 19. In this post, we'll give an overview of the new features in React 19, and how you can adopt them.
|
||||
|
||||
- [What's new in React 19](#whats-new-in-react-19)
|
||||
- [Improvements in React 19](#improvements-in-react-19)
|
||||
@@ -771,5 +783,4 @@ Thanks to [Joey Arhar](https://github.com/josepharhar) for driving the design an
|
||||
#### How to upgrade {/*how-to-upgrade*/}
|
||||
See the [React 19 Upgrade Guide](/blog/2024/04/25/react-19-upgrade-guide) for step-by-step instructions and a full list of breaking and notable changes.
|
||||
|
||||
|
||||
|
||||
_Note: this post was originally published 04/25/2024 and has been updated to 12/05/2024 with the stable release._
|
||||
@@ -10,6 +10,12 @@ This blog is the official source for the updates from the React team. Anything i
|
||||
|
||||
<div className="sm:-mx-5 flex flex-col gap-5 mt-12">
|
||||
|
||||
<BlogCard title="React v19 " date="December 5, 2024" url="/blog/2024/12/05/react-19">
|
||||
|
||||
In the React 19 Upgrade Guide, we shared step-by-step instructions for upgrading your app to React 19. In this post, we'll give an overview of the new features in React 19, and how you can adopt them ...
|
||||
|
||||
</BlogCard>
|
||||
|
||||
<BlogCard title="React Compiler Beta Release" date="October 21, 2024" url="/blog/2024/10/21/react-compiler-beta-release">
|
||||
|
||||
We announced an experimental release of React Compiler at React Conf 2024. We've made a lot of progress since then, and in this post we want to share what's next for React Compiler ...
|
||||
@@ -22,13 +28,7 @@ Last week we hosted React Conf 2024, a two-day conference in Henderson, Nevada w
|
||||
|
||||
</BlogCard>
|
||||
|
||||
<BlogCard title="React 19 RC " date="April 25, 2024" url="/blog/2024/04/25/react-19">
|
||||
|
||||
In the React 19 RC Upgrade Guide, we shared step-by-step instructions for upgrading your app to React 19. In this post, we'll give an overview of the new features in React 19, and how you can adopt them ...
|
||||
|
||||
</BlogCard>
|
||||
|
||||
<BlogCard title="React 19 RC Upgrade Guide" date="April 25, 2024" url="/blog/2024/04/25/react-19-upgrade-guide">
|
||||
<BlogCard title="React 19 Upgrade Guide" date="April 25, 2024" url="/blog/2024/04/25/react-19-upgrade-guide">
|
||||
|
||||
The improvements added to React 19 require some breaking changes, but we've worked to make the upgrade as smooth as possible, and we don't expect the changes to impact most apps. In this post, we will guide you through the steps for upgrading libraries to React 19 ...
|
||||
|
||||
|
||||
@@ -184,6 +184,11 @@
|
||||
"destination": "/reference/rsc/use-server",
|
||||
"permanent": true
|
||||
},
|
||||
{
|
||||
"source": "/blog/2024/04/25/react-19",
|
||||
"destination": "/blog/2024/12/05/react-19",
|
||||
"permanent": true
|
||||
},
|
||||
{
|
||||
"source": "/feed.xml",
|
||||
"destination": "/rss.xml",
|
||||
|
||||
Reference in New Issue
Block a user