React 18

[japgolly]

• (hook) startTransition
• (hook) useDeferredValue
• (hook) useId
• (hook) useInsertionEffect
• (hook) useSyncExternalStore
• (hook) useTransition
• (react-dom/client) createRoot
• (react-dom/client) hydrateRoot
• (react-dom/server) renderToPipeableStream
• (react-dom/server) renderToReadableStream
• ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it’s running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
• if your app uses server-side rendering with hydration, upgrade hydrate to hydrateRoot
• We’ve also changed unmountComponentAtNode to root.unmount
• We’ve also removed the callback from render
• react-dom: ReactDOM.hydrate has been deprecated. Using it will warn and run your app in React 17 mode.
• react-dom: ReactDOM.render has been deprecated. Using it will warn and run your app in React 17 mode.
• react-dom: ReactDOM.renderSubtreeIntoContainer has been deprecated.
• react-dom: ReactDOM.unmountComponentAtNode has been deprecated.
• react-dom/server: ReactDOMServer.renderToNodeStream has been deprecated.
• renderToNodeStream is deprecated
• renderToStaticNodeStream exists apparently
• set globalThis.IS_REACT_ACT_ENVIRONMENT to true before running your test
• Components can now render undefined
• Deprecate renderIntoDOM
• Add a callback attr (?)
• Deprecate Mounted component types
• Add a downstream-test to check React 17 still works

Doc:

• https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
• https://reactjs.org/blog/2022/03/29/react-v18.html

[japgolly]

React 18.2.0 is out

https://github.com/facebook/react/blob/main/CHANGELOG.md#1820-june-14-2022