`Funcția createRoot în ReactDOM Client: Inițializarea Concurentă a Aplicației` în React & Next.js

Ghid complet pentru createRoot din ReactDOM Client: punctul de intrare pentru aplicațiile moderne React 18 și 19, activarea Concurrent Mode și metodele render/unmount.

Sintaxă

const root = createRoot(domNode, options?); root.render(<App />);

Funcția createRoot din modulul react-dom/client este poarta principală de pornire a oricărei aplicații React moderne. Înlocuind definitiv vechiul ReactDOM.render din React 17, createRoot activează noul motor intern de randare concurentă (Concurrent React), permițând prioritizarea interfeței și utilizarea completă a tranzițiilor (useTransition) și a streaming-ului.

Montarea curată a unei aplicații pe un element HTML

import { createRoot } from 'react-dom/client';
import App from './App';

const container = document.getElementById('aplicatie-react');

if (container) {
  // Inițializarea rădăcinii concurente:
  const root = createRoot(container);

  // Randarea arborelui de componente:
  root.render(<App />);

  // La demontare completă (de exemplu într-un widget embeddable):
  // root.unmount();
}