Valtio

React 🟡 Mid

Définition

State management base sur des proxies JavaScript. L'état est mutable directement et Valtio détecte les changements automatiquement via Proxy.

Analogie

Comme un miroir magique : tu modifies l'objet original et le reflet (composant) se met a jour automatiquement.

Exemple de code

const state = proxy({ count: 0, text: 'hello' });

function Counter() {
  const snap = useSnapshot(state);
  return (
    <button onClick={() => { state.count++; }}>
      {snap.count}
    </button>
  );
}

Cas d'usage

Développeurs préférant la mutation directe d'objets, prototypage rapide, migration depuis MobX.

Termes liés

#state#ecosystem

← → au clavier pour passer d'une fiche à l'autre