You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/blog/2024/04/25/react-19-upgrade-guide.md
+11-19Lines changed: 11 additions & 19 deletions
Original file line number
Diff line number
Diff line change
@@ -1,26 +1,18 @@
1
1
---
2
-
title: "React 19 Beta Upgrade Guide"
2
+
title: "React 19 RC Upgrade Guide"
3
3
author: Ricky Hanlon
4
4
date: 2024/04/25
5
-
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 libraries to React 19 beta.
5
+
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.
6
6
---
7
7
8
8
April 25, 2024 by [Ricky Hanlon](https://twitter.com/rickhanlonii)
9
9
10
10
---
11
11
12
-
<Note>
13
-
14
-
This beta release is for libraries to prepare for React 19. App developers should upgrade to 18.3.0 and wait for React 19 stable as we work with libraries and make changes based on feedback.
15
-
16
-
</Note>
17
-
18
12
19
13
<Intro>
20
14
21
-
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.
22
-
23
-
To help make the upgrade easier, today we are also publishing React 18.3.
15
+
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.
24
16
25
17
</Intro>
26
18
@@ -36,7 +28,7 @@ For a list of changes in 18.3 see the [Release Notes](https://github.com/faceboo
36
28
37
29
</Note>
38
30
39
-
In this post, we will guide you through the steps for upgrading libraries to React 19 beta:
31
+
In this post, we will guide you through the steps for upgrading to React 19:
40
32
41
33
-[Installing](#installing)
42
34
-[Codemods](#codemods)
@@ -46,7 +38,7 @@ In this post, we will guide you through the steps for upgrading libraries to Rea
46
38
-[TypeScript changes](#typescript-changes)
47
39
-[Changelog](#changelog)
48
40
49
-
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 beta, see the [React 19 release post](/blog/2024/04/25/react-19).
41
+
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).
50
42
51
43
---
52
44
## Installing {/*installing*/}
@@ -78,20 +70,20 @@ We expect most apps will not be affected since the transform is enabled in most
78
70
To install the latest version of React and React DOM:
79
71
80
72
```bash
81
-
npm install react@beta react-dom@beta
73
+
npm install react@rc react-dom@rc
82
74
```
83
75
84
-
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`. During the beta period, the types are available in different packages which need to be enforced in your `package.json`:
76
+
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`:
Copy file name to clipboardExpand all lines: src/content/blog/2024/04/25/react-19.md
+4-10Lines changed: 4 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -1,27 +1,21 @@
1
1
---
2
-
title: "React 19 Beta"
2
+
title: "React 19 RC"
3
3
author: The React Team
4
4
date: 2024/04/25
5
-
description: React 19 Beta 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.
5
+
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.
6
6
---
7
7
8
8
April 25, 2024 by [The React Team](/community/team)
9
9
10
10
---
11
11
12
-
<Note>
13
-
14
-
This beta release is for libraries to prepare for React 19. App developers should upgrade to 18.3.0 and wait for React 19 stable as we work with libraries and make changes based on feedback.
15
-
16
-
</Note>
17
-
18
12
<Intro>
19
13
20
-
React 19 Beta is now available on npm!
14
+
React 19 RC is now available on npm!
21
15
22
16
</Intro>
23
17
24
-
In our [React 19 Beta Upgrade Guide](/blog/2024/04/25/react-19-upgrade-guide), we shared step-by-step instructions for upgrading your app to React 19 Beta. In this post, we'll give an overview of the new features in React 19, and how you can adopt them.
18
+
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.
25
19
26
20
-[What's new in React 19](#whats-new-in-react-19)
27
21
-[Improvements in React 19](#improvements-in-react-19)
In the React 19 Beta Upgrade Guide, we shared step-by-step instructions for upgrading your app to React 19 Beta. In this post, we'll give an overview of the new features in React 19, and how you can adopt them.
21
+
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 ...
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 beta.
27
+
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 ...
Copy file name to clipboardExpand all lines: src/content/learn/react-compiler.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -21,7 +21,7 @@ These docs are still a work in progress. More documentation is available in the
21
21
<Note>
22
22
React Compiler is a new experimental compiler that we've open sourced to get early feedback from the community. It still has rough edges and is not yet fully ready for production.
23
23
24
-
React Compiler requires React 19 Beta. If you are unable to upgrade to React 19, you may try a userspace implementation of the cache function as described in the [Working Group](https://github.com/reactwg/react-compiler/discussions/6). However, please note that this is not recommended and you should upgrade to React 19 when possible.
24
+
React Compiler requires React 19 RC. If you are unable to upgrade to React 19, you may try a userspace implementation of the cache function as described in the [Working Group](https://github.com/reactwg/react-compiler/discussions/6). However, please note that this is not recommended and you should upgrade to React 19 when possible.
25
25
</Note>
26
26
27
27
React Compiler is a new experimental compiler that we've open sourced to get early feedback from the community. It is a build-time only tool that automatically optimizes your React app. It works with plain JavaScript, and understands the [Rules of React](/reference/rules), so you don't need to rewrite any code to use it.
@@ -365,7 +365,7 @@ You can also provide feedback in the React Compiler Working Group by applying to
365
365
366
366
### `(0 , _c) is not a function` error {/*0--_c-is-not-a-function-error*/}
367
367
368
-
This occurs if you are not using React 19 Beta and up. To fix this, [upgrade your app to React 19 Beta](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) first.
368
+
This occurs if you are not using React 19 RC and up. To fix this, [upgrade your app to React 19 RC](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) first.
369
369
370
370
If you are unable to upgrade to React 19, you may try a userspace implementation of the cache function as described in the [Working Group](https://github.com/reactwg/react-compiler/discussions/6). However, please note that this is not recommended and you should upgrade to React 19 when possible.
0 commit comments