Puck - éditeur open source en drag & drop pour React

• Offre une fonctionnalité de drag & drop pour l’édition visuelle de bibliothèques de composants React existantes
• Peut être auto-hébergé ou intégré à votre application existante
• Prend en charge l’intégration avec des CMS headless tiers pour permettre aux utilisateurs de charger directement du contenu (Strapi.js)
• Prise en charge de l’édition inline
• Installation via npm ou en créant une application Puck à l’aide d’une recette
• Extension des fonctionnalités par plugins : l’API de plugins suit le paradigme React, et chaque plugin transmis à Puck doit fournir trois fonctions, renderRoot, renderRootFields, renderFields

[GN⁺]

Avis sur Hacker News

• Puck, un éditeur visuel open source pour React, reçoit des retours positifs pour son design intuitif et sa flexibilité
• Puck, sous licence MIT, est perçu comme un outil puissant pour les développeurs
• Des demandes émergent pour un outil similaire destiné à Vue, soulignant le besoin de ce type d’outil dans différents frameworks
• Puck prend actuellement en charge des mises en page empilées verticalement, mais des inquiétudes existent quant à sa capacité à gérer des composants responsives dans des layouts en colonnes
• Des questions sont soulevées sur le fait de savoir si Puck rend les pages côté client ou côté serveur, ce qui pourrait limiter son utilisation
• Les utilisateurs apprécient la possibilité de personnaliser la mise en page des pages via des formats de données comme JSON ou XML
• Des suggestions d’amélioration existent, comme l’ajout de captures d’écran dans le readme pour mieux comprendre les composants en drag-and-drop
• Les utilisateurs trouvent qu’il est facile d’ajouter des composants personnalisés et de commencer à utiliser Puck
• Des interrogations subsistent sur la manière dont Puck maintient la synchronisation entre les props des composants dans le code et les props/valeurs des données enregistrées
• Certains utilisateurs souhaiteraient un outil comme Puck avec une couche backend similaire à Retool
• Des propositions évoquent une fonction WYSIWYG pour les appels API et le mapping des réponses vers les composants
• Certains utilisateurs le comparent à Framer, qui s’est transformé en website builder, et demandent comment Puck compte se différencier
• Une petite suggestion mentionne qu’il serait utile d’inclure le nom du projet "Puck" dans le titre du post HN pour améliorer sa découvrabilité à l’avenir