React 18

[japgolly]

• [x] (hook) startTransition
• [x] (hook) useDeferredValue
• [x] (hook) useId
• [x] (hook) useInsertionEffect
• [x] (hook) useSyncExternalStore
• [x] (hook) useTransition
• [x] (react-dom/client) createRoot
• [x] (react-dom/client) hydrateRoot
• [ ] (react-dom/server) renderToPipeableStream
• [ ] (react-dom/server) renderToReadableStream
• [x] 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
• [x] if your app uses server-side rendering with hydration, upgrade hydrate to hydrateRoot
• [x] We’ve also changed unmountComponentAtNode to root.unmount
• [x] We’ve also removed the callback from render
• [x] react-dom: ReactDOM.hydrate has been deprecated. Using it will warn and run your app in React 17 mode.
• [x] 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
• [x] set globalThis.IS_REACT_ACT_ENVIRONMENT to true before running your test
• [ ] Components can now render undefined
• [x] 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