Jotai

React 🟡 Mid

Definition

Gestion d'etat atomique pour React. Chaque atome est une unite de state independante, composable et reactive, sans Provider obligatoire.

Analogie

Comme des briques LEGO : chaque brique (atome) est independante 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'etat global.

Termes lies

#state#ecosystem