State Management en 2025 : Pourquoi Zustand et Jotai Remplacent Redux

Salut HaWkers, la gestion d'état en React a évolué drastiquement. Zustand et Jotai gagnent une adoption massive car ils sont simples, puissants et sans boilerplate.

Redux n'est pas mort, mais pour la majorité des projets, ces nouvelles libs sont beaucoup plus productives.

Zustand : State Management Minimaliste

// store.js - Zustand
import { create } from 'zustand';

const useStore = create((set) => ({
  count: 0,
  user: null,

  increment: () => set((state) => ({ count: state.count + 1 })),
  decrement: () => set((state) => ({ count: state.count - 1 })),

  setUser: (user) => set({ user }),
  logout: () => set({ user: null })
}));

export default useStore;

// Component.jsx - Usage
function Counter() {
  const count = useStore((state) => state.count);
  const increment = useStore((state) => state.increment);

  return (
    <button onClick={increment}>
      Compteur : {count}
    </button>
  );
}

Zéro boilerplate ! Comparez avec Redux qui aurait besoin d'actions, reducers, types...

Jotai : Atomic State Management

// atoms.js
import { atom } from 'jotai';

export const countAtom = atom(0);
export const userAtom = atom(null);

// Atom dérivé
export const doubleCountAtom = atom(
  (get) => get(countAtom) * 2
);

// Component.jsx
import { useAtom, useAtomValue } from 'jotai';

function Counter() {
  const [count, setCount] = useAtom(countAtom);
  const doubled = useAtomValue(doubleCountAtom);

  return (
    <div>
      <p>Compteur : {count}</p>
      <p>Doublé : {doubled}</p>
      <button onClick={() => setCount(c => c + 1)}>+</button>
    </div>
  );
}

Atomique et réactif ! Les composants ne re-render que quand les atoms utilisés changent.

Quand Utiliser Chacun

Zustand : Apps avec état global simple, APIs directes

Jotai : Apps complexes avec plusieurs états dérivés

Redux : Apps enterprise legacy, DevTools avancé nécessaire

En 2025, la tendance est à la simplicité. Zustand et Jotai dominent les nouveaux projets.

C'est parti !

🚀 Accéder au Guide Complet