Provider Pattern

React 🟡 Mid

Type : React Patterns

Definition

Pattern qui utilise le Context API pour fournir des donnees ou services a tout un sous-arbre de composants. Combine un Provider (fournisseur) et un hook custom (consommateur).

Exemple de code

const AuthCtx = createContext(null);
export const AuthProvider = ({ children }) => {
  const auth = useAuthLogic();
  return <AuthCtx.Provider value={auth}>{children}</AuthCtx.Provider>;
};
export const useAuth = () => useContext(AuthCtx);