New APIs

React 18 has introduced a variety of new APIs that are focused on enhancing the user interface, improving application performance, and providing a better developer experience. Notably, significant additions include createRoot, hydrateRoot, and renderToPipeableStream.

createRoot

React 18 introduces a new API called createRoot, which provides a simpler and more explicit way to render React components into the DOM.

Traditionally, when rendering a React application into the DOM, you would use the ReactDOM.render method to specify the root element and the React component to render into it. For example:

import React from 'react'
import ReactDOM from 'react-dom'
const App = () => {
  return <div>Hello, world!</div>
}
ReactDOM.render(<App />, document.getElementById('root'))

With createRoot, you can create a root element that can be used to render multiple components, instead of specifying the root element for...