Jotai

Définition

Gestion d'état atomique pour React. Chaque atome est une unité de state indépendante, composable et réactive, sans Provider obligatoire.

Analogie

Comme des briques LEGO : chaque brique (atome) est indépendante et tu les assembles pour construire ton state.

Exemple de code

const countAtom = atom(0);
const doubleAtom = atom((get) => get(countAtom) * 2);

function Counter() {
  const [count, setCount] = useAtom(countAtom);
  return <button onClick={() => setCount(c => c + 1)}>{count}</button>;
}

Cas d'usage

State atomique granulaire quand chaque composant n'a besoin que d'une fraction de l'état global.

Termes liés