#react
#frontend
#error-handling
#class-component
Crée une barrière d'erreur pour empêcher le crash complet de l'app.
Je veux gérer les erreurs JavaScript dans mon app React.
Crée un composant de classe `ErrorBoundary` qui :
1. Implémente `static getDerivedStateFromError` pour mettre à jour l'état.
2. Implémente `componentDidCatch` pour logger l'erreur.
3. Affiche une UI de repli (Fallback UI) si une erreur survient.
Explique comment l'utiliser autour d'un composant critique.
#vue3
#composition
#javascript
#frontend
Maîtrise les API de Composition de Vue 3 pour des applications réactives complexes.
Tu es un expert Vue 3 et de son API de Composition. Je veux créer un composant utilisant les fonctionnalités avancées.
Composant à développer: [DÉCRIRE LE COMPOSANT]
Guide-moi pour implémenter:
1. **setup() vs onMounted** : Quand utiliser quoi et pourquoi?
2. **ref() et reactive()** : Gestion de l'état réactif avec composition
3. **computed()** : Propriétés calculées avec dépendances automatiques
4. **watch()** : Observation des changements avec cleanup automatique
5. **provide/inject** : Partage d'état entre composants sans props drilling
6. **Lifecycle Hooks** : onBeforeMount, onUpdated, onUnmounted...
7. **Code complet** : Fournis un composant Vue 3 fonctionnel et testable
Explique les différences avec l'Options API et les avantages de la Composition.
#api
#rest
#openapi
#architecture
Conçoit des APIs RESTful robustes avec documentation OpenAPI
Tu es un architecte API spécialisé dans les systèmes RESTful. Conçois une API complète pour : [DESCRIPTION DU PROJET]
Fournis :
1. **Endpoints** : Liste complète avec méthodes HTTP
2. **Schémas** : Request/Response bodies en JSON Schema
3. **Statuts HTTP** : Codes appropriés pour chaque cas
4. **Sécurité** : Authentification et autorisation
5. **Documentation** : Spécification OpenAPI 3.0
6. **Best Practices** : Rate limiting, pagination, versioning
#api
#rest
#openapi
#architecture
Conçoit une API REST complète avec documentation OpenAPI 3.0.
Tu es un architecte API expert. Conçois une API REST complète pour : [DESCRIPTION DU PROJET].
Fournis :
1. **Endpoints** avec méthodes HTTP et routes
2. **Schémas de requête/réponse** (JSON)
3. **Codes d'erreur** et gestion des exceptions
4. **Authentification** (JWT/OAuth2)
5. **Spécification OpenAPI 3.0** complète
6. **Bonnes pratiques** REST et HATEOAS
Respecte les principes : stateless, cacheable, interface uniforme.
#cicd
#github-actions
#gitlab
#devops
Crée des pipelines CI/CD optimisés pour différents environnements.
Tu es un expert en CI/CD et intégration continue.
Crée un pipeline CI/CD complet pour ce projet :
1. Définis les étapes de build, test, déploiement
2. Configure la gestion des secrets
3. Implémente les stratégies de qualité (sonar, tests)
4. Ajoute les notifications et rollbacks
5. Supporte multi-environnements (dev/staging/prod)
Projet :
[INSÉRER DÉTAILS PROJET]
#database
#sql
#schema
#design
Crée des schemas de base de donnees optimises et normalises.
En tant qu'architecte de données, conçois un schéma BDD pour : [DÉCRIRE L'APPLICATION]
Fournis :
1. **Diagramme entité-relation**
2. **Tables avec types et contraintes**
3. **Index stratégiques**
4. **Normalisation** (3NF minimum)
5. **Requêtes SQL exemples** (CRUD)
6. **Optimisations performance**
#kafka
#backend
#messaging
#devops
Génère une configuration robuste pour un consommateur Apache Kafka.
Je configure un Consommateur Kafka en [JAVA/PYTHON/NODE].
Besoin : Haute fiabilité, pas de perte de messages.
Propose une configuration optimale pour :
- `auto.offset.reset`
- `enable.auto.commit` (et pourquoi le désactiver ?)
- `max.poll.records`
- `session.timeout.ms`
Explique l'impact de chaque paramètre sur la performance et la fiabilité.
#git
#workflow
#cicd
#versioning
Met en place une stratégie Git et les hooks nécessaires.
Configure un workflow Git pour une équipe de [NOMBRE] développeurs sur projet [TYPE].
Fournis :
1. **Stratégie de branches** (GitFlow/GitHub Flow/GitLab Flow)
2. **Hooks Git** pour qualité (pre-commit, pre-push)
3. **Scripts de validation** (linting, tests, sécurité)
4. **Convention de commits** (Conventional Commits)
5. **Configuration CI/CD** de base
6. **Règles de protection** de branches principales
Explique pourquoi cette stratégie est adaptée au projet.
#vue
#components
#composition-api
#frontend
Crée des composants Vue.js reutilisables avec Composition API.
Tu es un expert Vue.js. Crée un composant pour : [DÉCRIRE LE COMPOSANT]
Implémente :
1. **Composition API** avec <script setup>
2. **Props typées** avec validation
3. **Emits** pour communication parent-enfant
4. **Slots** pour flexibilité
5. **Reactivité** avec ref/reactive
6. **Cycle de vie** approprié
7. **Tests unitaires** avec Vue Test Utils
#json
#xml
#data
#conversion
Convertit des données entre JSON, XML, YAML ou CSV en expliquant la structure.
Convertis les données suivantes du format [FORMAT SOURCE] vers le format [FORMAT CIBLE].
Données :
[INSÉRER DONNÉES]
Assure-toi que la syntaxe est valide.
Si la structure est complexe, explique comment les objets imbriqués ont été traités.
#conversion
#refactoring
#legacy
Convertit du code d'un langage vers un autre en respectant les idiomes du langage cible.
Tu es un expert polyglotte en programmation. Convertis le code suivant de [LANGAGE SOURCE] vers [LANGAGE CIBLE].
Code Source :
[INSÉRER CODE]
Contraintes :
- N'utilise pas de traduction littérale. Utilise les idiomes et best practices du langage cible (ex: utiliser des List comprehensions en Python, Streams en Java).
- Si une bibliothèque spécifique n'existe pas, propose l'équivalent standard le plus proche.
- Ajoute des commentaires expliquant les changements majeurs de logique.
#devops
#ci-cd
#automation
#docker
Crée des pipelines CI/CD complets avec best practices.
Tu es un expert DevOps spécialisé en pipelines CI/CD. Crée un pipeline complet pour :
[INSÉRER TYPE PROJET: FRONT/BACK/MOBILE]
Pipeline complet :
1. **Triggers** : Events, branches, schedules
2. **Build Stage** : Dependencies, compilation, Docker build
3. **Test Stage** : Unit tests, integration tests, security scans
4. **Quality Gates** : Code coverage, linting, vulnerability checks
5. **Artifact Management** : Versioning, storage, cleanup
6. **Deployment** : Environments, rollback strategy, blue-green
7. **Monitoring** : Notifications, logs, performance metrics
Format : YAML (GitHub Actions/GitLab CI) + documentation complète.
#python
#dev
#optimisation
#code
Crée un décorateur Python réutilisable (Log, Timer, Cache).
Écris un décorateur Python nommé `@timer` (ou `@logger`) qui mesure le temps d'exécution d'une fonction et l'affiche dans la console.
Le décorateur doit :
1. Accepter des arguments (facultatif).
2. Préserver les métadonnées de la fonction originale (`functools.wraps`).
3. Afficher le temps en millisecondes.
#créer
#angular
#développement web
Expert Créer en Angular avec budget limité
Tu es un créateur expert en Angular. Créeavec budget limité :
[SPÉCIFICATIONS]
Livraison attendue :
1. Architecture/Structure
2. Implémentation principale
3. Bonnes pratiques appliquées
4. Documentation essentielle
#créer
#angular
#développement web
Expert Créer en Angular en environnement cloud
Tu es un créateur expert en Angular. Créeen environnement cloud :
[SPÉCIFICATIONS]
Livraison attendue :
1. Architecture/Structure
2. Implémentation principale
3. Bonnes pratiques appliquées
4. Documentation essentielle