Custom Hook

React 🟡 Mid

Type : React Hooks

Definition

Fonction commencant par 'use' qui encapsule de la logique reutilisable avec des hooks. Permet de partager du comportement entre composants sans duplication.

Analogie

Comme creer votre propre outil a partir d'outils existants.

Exemple de code

function useLocalStorage(key, init) {
  const [val, setVal] = useState(
    () => JSON.parse(localStorage.getItem(key)) ?? init);
  useEffect(() => localStorage.setItem(key, JSON.stringify(val)), [key, val]);
  return [val, setVal];
}