Puck - React के लिए ओपन सोर्स Drag & Drop एडिटर

 (github.com/measuredco)
13 पॉइंट द्वारा GN⁺ 2023-09-06 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • मौजूदा React component लाइब्रेरी के विज़ुअल एडिटिंग के लिए drag & drop फीचर प्रदान करता है
  • self-hosting किया जा सकता है या अपनी मौजूदा application में integrate किया जा सकता है
  • यह third-party headless CMS के साथ integration को सपोर्ट करता है ताकि उपयोगकर्ता सीधे content लोड कर सकें (Strapi.js)
  • inline editing सपोर्ट
  • npm के ज़रिए install करें, या recipe का उपयोग करके Puck application बनाकर install करें
  • plugin के ज़रिए फीचर विस्तार: plugin API React paradigm का पालन करता है, और Puck को दिए गए हर plugin को renderRoot, renderRootFields, renderFields ये तीन functions प्रदान करने होते हैं

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2023-09-06
Hacker News राय
  • Puck, React के लिए एक open source visual editor है, जिसे सहज डिज़ाइन और लचीलापन के लिए सकारात्मक प्रतिक्रिया मिल रही है
  • MIT license वाला Puck, डेवलपर्स के लिए एक शक्तिशाली टूल की भूमिका निभाता है
  • Vue के लिए इसी तरह के टूल की मांग, अलग-अलग framework में ऐसे टूल्स की आवश्यकता को रेखांकित करती है
  • Puck फिलहाल vertically stacked layout को support करता है, लेकिन column layout में responsive components को संभालने की इसकी क्षमता को लेकर चिंता है
  • यह सवाल है कि Puck page को client पर render करता है या server पर, और यह उसकी उपयोगिता को सीमित कर सकता है
  • users JSON या XML जैसे data formats के रूप में page layout को customize करने की सुविधा को सराहते हैं
  • readme में screenshot जोड़कर drag-and-drop components को बेहतर समझाने जैसे सुधार सुझाव मौजूद हैं
  • users को custom components जोड़ना और Puck का इस्तेमाल शुरू करना आसान लगता है
  • यह सवाल भी है कि Puck code के भीतर component props के साथ synced saved data props/values को कैसे बनाए रखता है
  • कुछ users, Retool जैसे backend layer वाले Puck जैसे टूल की इच्छा रखते हैं
  • API calls के लिए WYSIWYG functionality और response को components से map करने का सुझाव भी है
  • कुछ users इसकी तुलना Framer से करते हैं, जो एक website builder में बदल गया, और पूछते हैं कि Puck खुद को कैसे अलग करेगा
  • भविष्य में आसानी से खोजे जाने के लिए HN पोस्ट के शीर्षक में project name "Puck" शामिल करने का एक छोटा सुझाव भी है