Communitygithub.com

YepAPI/skills

Erreurs structurées, limites d'erreur React et dégradation gracieuse.

Qu'est-ce que skills ?

Cette compétence fournit un ensemble de règles et de bonnes pratiques pour la gestion des erreurs dans les applications, en particulier celles construites avec React. Elle définit des types d'erreurs structurées via une classe `AppError` avec code et statut HTTP, et recommande l'utilisation de limites d'erreur React pour afficher une UI de secours en cas de plantage. Elle insiste sur la dégradation gracieuse : en cas d'échec d'une fonctionnalité, l'application ne doit pas planter mais afficher un message utilisateur compréhensible. Les erreurs doivent être enregistrées avec contexte (ID utilisateur, requête, timestamp) et les erreurs transitoires (réseau, 502, 429) doivent être relancées avec backoff exponentiel (max 3 tentatives). Les erreurs de validation doivent faire échouer rapidement (retour 400). Les blocs catch vides sont interdits : toute erreur doit au minimum être journalisée.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/YepAPI/skills/tree/HEAD/skills/error-handling

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Gestion des erreurs

Règles

  • Types d'erreur structurés : class AppError extends Error { code: string; statusCode: number }
  • Limites d'erreur dans React pour la récupération après plantage — afficher une UI de secours, enregistrer l'erreur
  • Dégradation gracieuse : une fonctionnalité échoue → afficher un message, ne pas planter l'application
  • Messages conviviaux : "Quelque chose s'est mal passé" au lieu de traces de pile
  • Enregistrer les erreurs avec contexte : ID utilisateur, ID requête, horodatage, code d'erreur
  • Réessayer les erreurs transitoires (réseau, 502, 429) avec un backoff exponentiel — maximum 3 tentatives
  • Échouer rapidement sur les erreurs de validation — retourner immédiatement une 400, ne pas continuer le traitement
  • Ne jamais engloutir les erreurs avec des blocs catch vides — au minimum, les enregistrer

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

YepAPI/skills

WCAG 2.1 AA — semantic HTML, keyboard navigation, screen readers.

YepAPI/skills

Experiment setup, variant splitting, statistical significance, and feature flag integration.

YepAPI/skills

CRUD generators, data tables, user management, role-based access, and bulk operations.

YepAPI/skills

Monitor what ChatGPT and Gemini say about your brand using YepAPI.

YepAPI/skills

Queue workers with BullMQ/Inngest/Trigger.dev, job retries, dead letter queues, concurrency.

YepAPI/skills

Commander.js, interactive prompts with Clack, spinners, colors, config files, exit codes, and npm publishing.

YepAPI/skills

cmdk integration, Cmd+K trigger, fuzzy search, grouped actions, keyboard navigation, and dynamic action registration.

YepAPI/skills

Content planning with trend and sentiment data from YepAPI.

YepAPI/skills

Content calendar, keyword-driven planning, and content briefs.

YepAPI/skills

Theme switching with CSS variables, system preference detection, next-themes, and persistence.

YepAPI/skills

Threaded comments, @mentions, reactions, moderation queue, optimistic UI, and cursor pagination.

YepAPI/skills

Competitive analysis between domains using YepAPI.

YepAPI/skills

Layout grids, KPI cards, data tables with sorting/filtering, sidebar navigation, and responsive breakpoints.

YepAPI/skills

Data encryption — TLS everywhere, AES-256-GCM for PII, bcrypt passwords, encrypted backups.

YepAPI/skills

Chart patterns with Recharts/Nivo/D3, responsive containers, color scales, and accessibility.

YepAPI/skills

Drizzle schema definition, push vs migrate, type-safe queries, relations, transactions, and prepared statements.

YepAPI/skills

Upload handling, resize/compress, CDN delivery, blur placeholders, and next/image patterns.

YepAPI/skills

Local business and Google Maps research using YepAPI.

YepAPI/skills

Cursor-based pagination, IntersectionObserver, virtualized lists with @tanstack/react-virtual, and scroll position restoration.

YepAPI/skills

Chat UI components, streaming responses with AI SDK, context window management, and RAG patterns.

Skills associés