Client React DOM APIs

The react-dom/client APIs let you render React components on the client (in the browser). These APIs are typically used at the top level of your app to initialize your React tree. A framework may call them for you. Most of your components don’t need to import or use them. react-dom/client API를 사용하면 클라이언트 (브라우저에서) 에서 React 컴포넌트를 렌더링할 수 있습니다. 이러한 API는 일반적으로 앱의 최상위 수준에서 React 트리를 초기화하기 위해 사용합니다. 프레임워크가 대신 호출해줄 수도 있습니다. 대부분의 컴포넌트는 이를 import하거나 사용할 필요가 없습니다.


Client APIs

  • createRoot lets you create a root to display React components inside a browser DOM node. createRoot는 브라우저 DOM 노드 안에 React 컴포넌트를 표시하는 루트를 생성할 수 있습니다.

  • hydrateRoot lets you display React components inside a browser DOM node whose HTML content was previously generated by react-dom/server. hydrateRoot는 이전에 react-dom/server에서 생성한 HTML 콘텐츠가 있는 브라우저 DOM 노드 안에 React 컴포넌트를 표시할 수 있습니다.


Browser support브라우저 지원

React supports all popular browsers, including Internet Explorer 9 and above. Some polyfills are required for older browsers such as IE 9 and IE 10. React는 Internet Explorer 9 이상을 포함한 모든 유명한 브라우저를 지원합니다. IE 9 및 IE 10과 같은 구형 브라우저에서는 일부 폴리필이 필요합니다.