Onlook - ओपन सोर्स Webflow का उपयोग करने वाला कस्टम ऐप निर्माण टूल

 (github.com/onlook-dev)
11 पॉइंट द्वारा GN⁺ 2024-07-09 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • बिना coding की आवश्यकता के web app को modify करने और UI को विज़ुअली बनाने के लिए web-based tool
  • React और TailwindCSS को support करता है
    • लोकल में React app को real-time में edit और rewrite किया जा सकता है
    • page में कुछ CSS inject करके DOM elements को select और drag & drop करने योग्य बनाता है, और बदलावों को track करके फिर से React code में convert करता है
  • दिलचस्प हिस्से
    • styles का analysis, injection, और code में serialization करने वाला built-in React parser
    • DOM elements को संबंधित code में convert करने वाला React preprocessor भी शामिल
    • CSS को parse/inject करके Tailwind में convert करता है
    • Electron app के रूप में Node app के साथ message passing करता है

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

1 टिप्पणियां

 
GN⁺ 2024-07-09
Hacker News टिप्पणियाँ
  • अगर यह Microsoft PCF और build tools के साथ integrate हो जाए, तो इसके लिए ऊँची कीमत चुकाने की इच्छा होगी
  • पता नहीं 'components' से क्या मतलब है, लेकिन अगर React components को editor में लाया जा सके और WYSIWYG designer props को modify कर सके, तो यह बहुत उपयोगी होगा
  • design/development mode टीम के वास्तविक काम करने के तरीके से मेल नहीं खाता
    • developers अपेक्षा से ज़्यादा design का काम करते हैं
    • designers complex हिस्सों को संभालते हैं, और developers simple design का काम करते हैं
    • navigation और routing जटिल हो सकते हैं, इसलिए developers अक्सर screen layout संभालते हैं
    • design system components के रूप में implement होता है, और usability issues या अतिरिक्त design के कारण उसमें बदलाव किए जाते हैं
    • designers components को फिर से sections और screens में reorganize करना चाहते हैं
    • designers image, text, ID जैसी props set करना चाहते हैं, और development components अपने-आप sync हो जाएँ, यह चाहते हैं
  • लगता है development और design के बीच अच्छा संतुलन बना रहा है
  • open source और paid hosting tier देना अच्छा रहेगा
  • यह project ध्यान देने लायक है
  • code और diff दिखाकर उसे फिर से लिख पाने की क्षमता बहुत उपयोगी लगती है
  • AOLPress user के रूप में यह हैरानी की बात है कि 2024 में और ज़्यादा WYSIWYG tools नहीं हैं, लेकिन यह भी समझ आता है कि design मुश्किल क्यों है
  • ज़्यादातर tools developers और designers दोनों को target करने की कोशिश करते हैं, और अंत में किसी के लिए भी अच्छे नहीं बनते
  • generated code की quality और maintainability भी एक समस्या है
  • इसे open source बनाने के लिए धन्यवाद जैसी राय
  • कुछ अतिरिक्त सवाल:
    • monetization की कोई योजना है या नहीं, और अगर है तो क्या ideas हैं
    • Studio की बड़ी तस्वीर क्या है, क्या यह सिर्फ style editing पर focused रहेगा, या website बनाने के लिए ज़रूरी सब कुछ देने की योजना है
  • Webflow जैसा visual editor चाहिए, लेकिन BS और aggressive pricing policy के बिना
  • ऐसा tool चाहिए जो simple HTML, CSS, JS generate करे, ताकि कंपनी में कोई भी pages बदल सके या नए बना सके
  • जानना है कि animation किससे बनाया गया है
  • React parser का उपयोग करके styles insert करना और फिर उसे वापस code में serialize करना एक दिलचस्प approach है
  • जानना है कि React की जगह Svelte में दोबारा क्यों लिखा गया
  • लगता है Webflow का UI assembly model simplicity और customization के बीच अच्छा संतुलन देता है
  • Webflow महँगा है और projects को उनके control में रखना पसंद नहीं है
  • "संस्थापक से बात करें" वाला CTA भ्रमित कर सकता है
    • इसे "डेमो बुक करें" जैसी ऐसी पंक्ति में बदलना बेहतर होगा जो user को value बताए
  • Webflow एक SaaS app है, लेकिन इस app को hosting की ज़रूरत है
    • non-technical users को hosting का तरीका नहीं पता हो सकता
    • developers को hosting और maintenance time पर विचार करना होगा
    • इसे open source के रूप में देना, लेकिन hosted version भी उपलब्ध कराना अच्छा होगा