Signals

React 🔴 Senior

Definition

Primitives reactives a grain fin qui mettent a jour le DOM directement sans re-rendu de composant. Popularises par Preact/SolidJS, en discussion pour React.

Analogie

Comme un tableau d'affichage electronique : seule la case qui change se met a jour, pas tout le panneau.

Exemple de code

// Avec @preact/signals-react
import { signal, computed } from '@preact/signals-react';

const count = signal(0);
const double = computed(() => count.value * 2);

function App() {
  return <p>{count} x 2 = {double}</p>;
}

Cas d'usage

Performance maximale avec des mises a jour granulaires sans reconciliation de tout le sous-arbre.

#state#advanced#future