Onlook - Açık kaynak Webflow ile özelleştirilmiş uygulama geliştirme aracı

• Kodlama gerektirmeden web uygulamalarını düzenleyebilen ve kullanıcı arayüzünü görsel olarak oluşturabilen web tabanlı bir araç
• React ve TailwindCSS desteği sunuyor
  • React uygulamalarını yerelde gerçek zamanlı olarak düzenleyip yeniden yazabiliyor
  • Sayfaya belirli CSS ekleyerek DOM öğelerini seçilebilir ve sürükle-bırak ile düzenlenebilir hale getiriyor; değişiklikleri izleyip tekrar React koduna dönüştürüyor
• İlgi çekici noktalar
  • Stilleri analiz eden, enjekte eden ve koda serileştiren yerleşik bir React ayrıştırıcısı içeriyor
  • DOM öğelerini ilgili koda dönüştüren bir React ön işleyicisi de içeriyor
  • CSS'yi ayrıştırıp enjekte ediyor ve Tailwind'e dönüştürüyor
  • Electron uygulaması olarak Node uygulamasıyla mesaj iletimi gerçekleştiriyor

[GN⁺]

Hacker News görüşleri

• Microsoft PCF ve build araçlarıyla entegre olursa bunun için yüksek bir ücret ödemeye istekli olurum
• components ile ne kastedildiğini bilmiyorum ama React bileşenlerini editöre aktarabiliyor ve WYSIWYG tasarımcısı props değerlerini düzenleyebiliyorsa, bu çok faydalı olur
• Tasarım/geliştirme modu, ekiplerin gerçekte çalışma biçimiyle örtüşmüyor
  • Geliştiriciler sanılandan daha fazla tasarım işi yapıyor
  • Tasarımcılar karmaşık kısımları üstleniyor, geliştiriciler ise basit tasarımları yapıyor
  • Navigasyon ve routing karmaşık olabildiği için ekran yerleşimlerini sık sık geliştiriciler üstleniyor
  • Tasarım sistemi bileşenler olarak uygulanıyor ve kullanılabilirlik sorunları ya da ek tasarım ihtiyaçları nedeniyle değiştiriliyor
  • Tasarımcılar bileşenleri yeniden bölümler ve ekranlar halinde düzenlemek istiyor
  • Tasarımcılar görsel, metin ve ID gibi props değerlerini ayarlamak; geliştirme bileşenlerinin ise otomatik olarak senkronize olmasını istiyor
• Geliştirme ile tasarım arasında dengeyi iyi kuruyor gibi görünüyor
• Açık kaynak ile ücretli bir hosting katmanını birlikte sunmak iyi olabilir
• Bu proje dikkat etmeye değer görünüyor
• Kodu ve farkları gösterip yeniden yazabilen bir özellik çok faydalı olur gibi görünüyor
• AOLPress kullanıcısı olarak 2024'te daha fazla WYSIWYG aracının olmaması şaşırtıcı, ama tasarımın neden zor olduğunu da anlıyorum
• Çoğu araç hem geliştiricileri hem de tasarımcıları hedeflemeye çalışıyor ama ikisini de iyi yapamıyor
• Üretilen kodun kalitesi ve bakım yapılabilirliği de bir sorun
• Bunu açık kaynak yaptığınız için teşekkür eden bir görüş
• Birkaç ek soru:
  • Gelir elde etme planınız var mı; varsa ne gibi fikirleriniz var
  • Studio için büyük resim nedir; yalnızca stil düzenlemeye mi odaklanacaksınız, yoksa web sitesi oluşturmak için gereken her şeyi sunmayı mı planlıyorsunuz
• Webflow gibi bir görsel editör istiyorum ama anlamsız şeyler ve agresif fiyatlandırma politikası olmadan
• Sade HTML, CSS, JS üreten ve şirketteki herkesin sayfaları değiştirebildiği ya da yenilerini oluşturabildiği bir araca ihtiyaç var
• Animasyonları neyle yaptığınızı merak ediyorum
• React parser kullanarak stilleri enjekte edip sonra tekrar koda serialize etme yaklaşımı ilginç
• React yerine neden Svelte ile yeniden yazıldığını merak ediyorum
• Webflow'nun UI birleştirme modelinin sadelik ile özelleştirilebilirlik arasında iyi bir denge kurduğunu düşünüyorum
• Webflow pahalı ve projeyi onların kontrolü altına bırakmayı sevmiyorum
• Kurucuyla konuş CTA'sı kafa karıştırıcı olabilir
  • Bunu, kullanıcıya değer önerisini ileten Demo rezervasyonu yap gibi bir ifadeyle değiştirmek iyi olabilir
• Webflow bir SaaS uygulaması ama bu uygulama hosting gerektiriyor
  • Teknik olmayan kullanıcılar nasıl hosting yapacaklarını bilmiyor olabilir
  • Geliştiricilerin hosting ve bakım süresini hesaba katması gerekir
  • Açık kaynak olarak sunulup ayrıca host edilen bir sürüm de sağlanması iyi olabilir