amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-25 23:05:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add a note about Strict Mode to release blog post (#4521)

Browse Source 
* Add a note about Strict Mode to release blog post

* Update 2022-03-08-react-18-upgrade-guide.md

* Update 2022-03-08-react-18-upgrade-guide.md
This commit is contained in:
dan
2022-03-30 03:38:02 +01:00
committed by GitHub
parent c623de4e62
commit b5fd1df671
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
content/blog/2022-03-08-react-18-upgrade-guide.md
View File

@@ -70,7 +70,7 @@ function AppWithCallbackAfterRender() {
console.log('rendered');
});
return <App tab="home" />
return <App tab="home" />
}
const container = document.getElementById('app');
@@ -78,7 +78,9 @@ const root = ReactDOM.createRoot(container);
root.render(<AppWithCallbackAfterRender />);
```
> Note: There is no one-to-one replacement for the old render callback API — it depends on your use case. See the working group post for [Replacing render with createRoot](https://github.com/reactwg/react-18/discussions/5) for more information.
> Note:
>
> There is no one-to-one replacement for the old render callback API — it depends on your use case. See the working group post for [Replacing render with createRoot](https://github.com/reactwg/react-18/discussions/5) for more information.
Finally, if your app uses server-side rendering with hydration, upgrade `hydrate` to `hydrateRoot`:
@@ -97,6 +99,10 @@ const root = hydrateRoot(container, <App tab="home" />);
For more information, see the [working group discussion here](https://github.com/reactwg/react-18/discussions/5).
> Note
>
> **If your app doesn't work after upgrading, check whether it's wrapped in `<StrictMode>`.** [Strict Mode has gotten stricter in React 18](#updates-to-strict-mode), and not all your components may be resilient to the new checks it adds in development mode. If removing Strict Mode fixes your app, you can remove it during the upgrade, and then add it back (either at the top or for a part of the tree) after you fix the issues that it's pointing out.
## Updates to Server Rendering APIs {#updates-to-server-rendering-apis}
In this release, we’re revamping our `react-dom/server` APIs to fully support Suspense on the server and Streaming SSR. As part of these changes, we're deprecating the old Node streaming API, which does not support incremental Suspense streaming on the server.