diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index 5b2648c18..f39cc24af 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -1,43 +1,42 @@ --- -title: React DOM APIs +title: API React DOM intégrées --- -The `react-dom` package contains methods that are only supported for the web applications (which run in the browser DOM environment). They are not supported for React Native. +Le module `react-dom` contient des méthodes qui ne sont prises en charge que pour les applications web (qui tournent dans un environnement DOM de navigateur). Elles ne sont pas prises en charge pour React Native. --- -## APIs {/*apis*/} +## API {/*apis*/} -These APIs can be imported from your components. They are rarely used: +Ces API peuvent être importées depuis vos composants. On les utilise rarement : -* [`createPortal`](/reference/react-dom/createPortal) lets you render child components in a different part of the DOM tree. -* [`flushSync`](/reference/react-dom/flushSync) lets you force React to flush a state update and update the DOM synchronously. +* [`createPortal`](/reference/react-dom/createPortal) vous permet d'afficher des composants enfants dans une autre partie de l'arbre du DOM. +* [`flushSync`](/reference/react-dom/flushSync) vous permet de forcer React à traiter les mises à jour d'état en attente, puis à mettre à jour le DOM de façon synchrone. --- -## Entry points {/*entry-points*/} +## Points d'entrée {/*entry-points*/} -The `react-dom` package provides two additional entry points: +Le module `react-dom` fournit deux points d'entrée supplémentaires : -* [`react-dom/client`](/reference/react-dom/client) contains APIs to render React components on the client (in the browser). -* [`react-dom/server`](/reference/react-dom/server) contains APIs to render React components on the server. +* [`react-dom/client`](/reference/react-dom/client) contient les API pour afficher des composants React côté client (dans le navigateur). +* [`react-dom/server`](/reference/react-dom/server) contient les API pour produire le HTML des composants React côté serveur. --- -## Deprecated APIs {/*deprecated-apis*/} +## API dépréciées {/*deprecated-apis*/} -These APIs will be removed in a future major version of React. +Ces API seront retirées d'une future version majeure de React. -* [`findDOMNode`](/reference/react-dom/findDOMNode) finds the closest DOM node corresponding to a class component instance. -* [`hydrate`](/reference/react-dom/hydrate) mounts a tree into the DOM created from server HTML. Deprecated in favor of [`hydrateRoot`](/reference/react-dom/client/hydrateRoot). -* [`render`](/reference/react-dom/render) mounts a tree into the DOM. Deprecated in favor of [`createRoot`](/reference/react-dom/client/createRoot). -* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode) unmounts a tree from the DOM. Deprecated in favor of [`root.unmount()`.](/reference/react-dom/client/createRoot#root-unmount) - +* [`findDOMNode`](/reference/react-dom/findDOMNode) trouve le nœud DOM le plus proche associé à une instance de composant à base de classe. +* [`hydrate`](/reference/react-dom/hydrate) monte une arborescence dans le DOM créé à partir du HTML serveur. Elle est remplacée par la plus récente [`hydrateRoot`](/reference/react-dom/client/hydrateRoot). +* [`render`](/reference/react-dom/render) monte une arborescence dans le DOM. Elle est remplacée par [`createRoot`](/reference/react-dom/client/createRoot). +* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode) démonte une arborescence du DOM. Elle est remplacée par [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount).