SKILL.md
What I do
Je fournis des règles pour garder des composants React propres :
- UI minimaliste (présentation)
- Logique dans hooks
- Données via TanStack Query
UI rules
- Aucun appel réseau dans un composant UI.
- Aucun mapping DTO complexe dans JSX.
- Pas de state global implicite : state local ou query cache.
Hook rules
- Un hook retourne un view-model prêt.
- Le hook parle aux services via DI.
- Les side-effects UI (toast, navigation) restent dans hooks/pages.
Example pattern
export function UserPage({ id }: { id: string }) {
const vm = useUserDetails(id);
return <UserDetailsView {...vm} />;
}