Créer une interface de glisser-déposer
Ajouter le réordonnancement par glisser-déposer
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Construisez un composant de liste avec glisser-déposer en React en utilisant l'API HTML5 Drag and Drop (sans bibliothèque externe). Les éléments doivent pouvoir être réordonnés, afficher un indicateur visuel de dépôt et émettre une fonction de rappel onChange avec le nouvel ordre. Gérez les événements tactiles pour le support mobile.
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Pour le support mobile, empêchez le défilement avec `e.preventDefault()` sur `touchmove`. Utilisez `document.elementFromPoint(touch.clientX, touch.clientY)` pour détecter la cible de dépôt (car `dataTransfer` n’est pas disponible en tactile). Stockez l’index source via une closure pour maintenir l’état.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Rédiger une requête ORM
Rédiger des requêtes ORM efficaces
Prompt Stable Diffusion pour générer du code JavaScript
Stable Diffusion est un modèle de génération d'images par intelligence artificielle, et non un outil de génération de code à proprement parler. Cependant, il peut être utilisé de manière créative dans le contexte du développement JavaScript. Stable Diffusion excelle dans la création de visuels liés au code : captures d'écran stylisées de snippets JavaScript, illustrations de concepts de programmation, schémas d'architecture logicielle, ou encore des images pédagogiques pour des tutoriels et documentations techniques. En combinant des prompts bien construits, vous pouvez générer des représentations visuelles de code JavaScript sur écran, des infographies expliquant des algorithmes, ou des illustrations pour vos articles de blog techniques. Cette approche est particulièrement utile pour les créateurs de contenu tech, les formateurs en développement web et les équipes marketing qui ont besoin de visuels professionnels autour de la programmation JavaScript. Dans ce guide, nous vous proposons des prompts optimisés pour obtenir des rendus visuels de haute qualité mettant en scène du code JavaScript dans différents contextes visuels.
Implémenter des tests basés sur les propriétés
Ajouter des tests basés sur les propriétés
Mettre en place une limitation de débit
Protéger les API contre les abus