Concurrent Rendering

React 🔴 Senior

Definition

Mode de rendu ou React peut interrompre, reprendre et abandonner des rendus en cours pour prioriser les interactions utilisateur urgentes.

Analogie

Comme un serveur de restaurant qui interrompt la preparation d'une commande pour repondre a un client qui attend a la caisse.

Exemple de code

// Active automatiquement avec createRoot
import { createRoot } from 'react-dom/client';
const root = createRoot(document.getElementById('root'));
root.render(<App />);

Cas d'usage

Garder l'interface reactive pendant des rendus lourds (longues listes, calculs complexes).

Anti-pattern

Utiliser ReactDOM.render() legacy qui ne beneficie pas du rendu concurrent.
#core#interview#performance