Browse Source

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

* 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
main
dan 3 years ago
committed by GitHub
parent
commit
b5fd1df671
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 10
      content/blog/2022-03-08-react-18-upgrade-guide.md

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

@ -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.

Loading…
Cancel
Save