Prompts Avances pour la Generation de Code
Rediger des prompts efficaces et valider le code genere par IA.
Les assistants IA (Copilot, ChatGPT, Cursor) sont des outils puissants mais qui necessitent un usage critique.
Regles d'or pour les prompts : 1. Etre specifique : contexte, framework, version 2. Definir les contraintes : types TypeScript, conventions 3. Demander des explications avec le code 4. Iterer et affiner
Validation critique : Ne jamais utiliser du code IA sans le comprendre et le tester. Verifier les types, la securite, et les bonnes pratiques.
IDE avec IA : Cursor, Windsurf, et VS Code avec Copilot integrent l'IA directement dans l'editeur.
Exemples de code
Exemple de prompt efficace
markdown
Cree un hook React TypeScript useDebounce<T>
qui accepte une valeur generique et un delai en ms.
Retourne la valeur debouncee.
Utilise useEffect et useState.
Ajoute la JSDoc.
Respecte les conventions ESLint du projet.useDebounce.ts - Code genere par l'IA (a valider)
typescript
import { useState, useEffect } from "react";
/**
* Hook pour debouncer une valeur.
* Attend que la valeur soit stable pendant `delay` ms
* avant de mettre a jour la valeur retournee.
*
* @param value - La valeur a debouncer
* @param delay - Le delai en millisecondes
* @returns La valeur debouncee
*/
function useDebounce<T>(value: T, delay: number): T {
const [debouncedValue, setDebouncedValue] = useState(value);
useEffect(() => {
// On cree un timer qui met a jour apres le delai
const timer = setTimeout(() => {
setDebouncedValue(value);
}, delay);
// Si value change avant la fin du delai,
// on annule l'ancien timer (c'est le debounce)
return () => clearTimeout(timer);
}, [value, delay]);
return debouncedValue;
}A retenir
- 1Etre specifique dans les prompts (contexte, contraintes)
- 2Toujours valider et comprendre le code genere
- 3Cursor et Windsurf integrent l'IA dans l'editeur
- 4Utiliser l'IA pour la documentation et les tests
Exercice pratique
Rediger un prompt efficace
Redigez un prompt pour demander a une IA de generer un composant React. Le prompt doit :
1Specifier le framework et le langage (React + TypeScript)
2Decrire un composant
SearchBar avec auto-complete3Preciser les props attendues :
placeholder, onSearch, suggestions4Demander l'utilisation de
useDebounce pour limiter les appels5Exiger la JSDoc et les types TypeScript
6Mentionner l'accessibilite (role, aria-label)
Ecrivez le prompt en langage naturel, comme si vous parliez a ChatGPT ou Copilot.
typescript