Discuss apis and other entry points available on react-dom package.

Difficulty: 5/10

rendering, portals, hydration

In order to solve cross browser compatibility issues, your event handlers in React will be passed instances of SyntheticEvent, which is React’s cross-browser wrapper around the browser’s native event. These synthetic events have the same interface as native events you’re used to, except they work identically across all browsers.

These APIs can be imported from your components.

1
createPortal lets you render child components in a different part of the DOM tree.
2
flushSync lets you force React to flush a state update and update the DOM synchronously.

The react-dom package provides two additional entry points:

1
react-dom/client contains APIs to render React components on the client (in the browser).
2
react-dom/server contains APIs to render React components on the server.

0-2 years experience