React Fiber

Définition

Architecture interne de React (depuis v16) qui découpe le rendu en unités de travail interruptibles. Permet le rendu concurrent et la priorisation des mises a jour.

Analogie

Comme un chef cuisinier qui peut interrompre la préparation d'un plat pour servir un client urgent, puis reprendre ou il en était.

Exemple de code

// Fiber permet les priorites
// Haute priorite: saisie utilisateur
// Basse priorite: mise a jour d'une liste
const [query, setQuery] = useState('');
const [results, setResults] = useTransition();

Cas d'usage

Fondation du concurrent rendering, permet a React de rester réactif même avec des rendus lourds.

Termes liés