Reshaped artık açık kaynak olarak yayımlandı

• Reshaped, tasarımcılar ve geliştiriciler için React ve Figma bileşen kütüphanesi sunan bir proje
• Başlangıçta ücretli lisans modeliyle sunuluyordu, ancak artık tamamen açık kaynağa dönüştü
• Açık kaynak olmasıyla birlikte kaynak kodu ve tasarım kütüphanesinin tamamına GitHub ve Figma Community üzerinden erişilebiliyor
• Bu proje, tasarım ile mühendislik arasındaki bağı güçlendirmeyi ve sahada doğrudan kullanılabilecek en iyi pratikleri sunmayı amaçlıyor
• Mevcut müşteriler bundan sonra da güncellemeler ve destek almaya devam edecek

---

Reshaped'in açık kaynağa geçişinin arka planı

• Yaklaşık 5 yıl önce Reshaped projesine başlama motivasyonu, hem React hem de Figma'da kullanılabilecek bir bileşen kütüphanesine ihtiyaç duyulmasıydı
• 10 yılı aşkın tasarım sistemi deneyimine dayanarak, tasarım sistemlerinde ortak olarak ortaya çıkan sorunları ve iyi standartları net biçimde anlıyorlar
• Web'in %80'inin hâlâ benzer temel tasarım ilkeleri üzerine kurulduğunu fark ettiler; bunu geniş biçimde kapsarken, geliştiricilerin kalan %20'yi esnek şekilde ele alabilmesi için düşük seviyeli yardımcı araçlar sunan bir sistem tasarladılar
• Başından beri yalnızca erişilebilirlik ya da yalnızca tasarıma odaklanmak yerine, tasarım ve mühendisliğin hizalanması, UI temaları, karanlık mod, mikro animasyonlar gibi çeşitli gerçek iş ihtiyaçlarını birlikte çözmeye ağırlık verdiler

Ücretli modelden açık kaynak kararına uzanan süreç

• Projenin sürdürülebilirliğini korumak için başlangıçta bireysel ve ekip bazlı ücretli lisans satış modeli benimsendi
• Bu sayede daha küçük bir topluluğa odaklanıp hata raporları ve özellik taleplerine daha derinlemesine yanıt verilebildi
• Bir gün ücret bariyerini kaldırma isteği hep vardı; 2 yıl önce React paketinin önce ücretsiz hâle getirilmesiyle yeni bir olasılık doğdu
• Artık tüm kaynak kodu ve Figma kütüphanesi açık kaynak olarak yayımlandı; React tarafı GitHub'da, Figma tarafı ise Figma Community'de kullanılabiliyor

Açık kaynağa geçişin anlamı ve beklenen etkileri

• Reshaped, tasarım ile mühendislik arasında köprü kuran bir araç olarak, her iki tarafın da ölçeklenebilir tasarım sistemleri oluşturma konusundaki en iyi pratikleri öğrenmesini sağlayabilir
• Kütüphane kaynağı açıldıkça, yeni özellikler eklendiğinde gerçek uygulama süreci şeffaf biçimde paylaşılabilecek
• Figma veya React'in yeni özellikleri de Reshaped örnekleri üzerinden, şirket içi tasarım sistemlerine uygulanmadan önce önceden benchmark edilebilecek

Gelecek planları ve topluluk desteği

• Reshaped'in bileşen kütüphanesi bundan sonra da genişlemeye devam edecek
  • Mevcut ücretli müşteriler, herhangi bir değişiklik olmadan gelecekteki güncellemeler ve desteği almaya devam edecek
  • Mevcut iletişim kanalları da aynı şekilde korunacak
• Bundan sonra çekirdek kütüphane üzerine daha gelişmiş ve kullanışlı premium bileşenler eklenmesi değerlendiriliyor
  • 50 farklı landing page yerleşimi gibi parçalı özellikler yerine, karmaşık CSS ve React mantığı gerektiren ileri seviye bileşenlere odaklanılacak

Topluluğa geri verme kararı

• 5 yıllık kapalı kaynak döneminin ardından artık her şeyi topluluğa geri veriyorlar ve bunun getireceği yeni heyecanı bekliyorlar

[GN⁺]

Hacker News görüşleri

• Gerçekten harika bir kütüphane olduğu ve aynı zamanda çok fazla kodun ücretsiz kullanılabilmesine duyulan minnettarlık ifade ediliyor
• Tasarımın temiz ve özenli göründüğü izlenimi var
  • Manjaro Linux ve LibreWolf v135 kombinasyonunda sekme değiştirme veya dokümantasyon sayfası içinde gezinme sırasında birkaç milisaniyelik donma yaşanıyor
    • Android’deki Fennec tarayıcısında da benzer şekilde Documentation ve Properties sekmeleri arasında geçiş yaparken yaklaşık 0.5 saniyelik bir takılma yaşandığı, bunun gerçek bir donma değil animasyondaki ondalık işleme hatası da olabileceği düşünülüyor
    • Yavaş gezinme davranışının farkında olunduğu ve inceleneceği belirtiliyor; şu anda gezinme sırasında mdx dosyası arama ve basit kimlik doğrulama sunucuda yapıldığı için sunucu kullanılıyor, ancak açık kaynak olduktan sonra artık doğrudan statik web sitesine geçmenin mümkün hale geldiği düşünülüyor
    • Next JS sunucusunun statik içeriği render etmesinin yaklaşık 0.5 saniye sürdüğü belirtiliyor görsele bakın
• Kişisel olarak tamamen tasarlanmış ve geliştirilmiş mikro etkileşimlerin iyi uygulandığı framework/kütüphane arandığı, en iyi UI toolkit’lerde bile bazen hafif sıçrama veya glitch hissi veren noktalar olduğu söyleniyor
  • İyileştirilmesi veya eklenmesi istenen mikro etkileşim örnekleri varsa paylaşılmasının memnuniyetle karşılanacağı, şu anda ek component set’leri geliştirildiği ve bu tür mikro etkileşimlerin uygulanabileceği belirtiliyor
• Tasarımın mükemmel olduğu düşünülüyor; şu anda Mantine’in aktif olarak kullanıldığı ve memnun kalındığı, ama bu kütüphanenin de akılda tutulacağı söyleniyor; yine de ReactNative için bu kalite seviyesinde bir kütüphane olsa iyi olacağı, mevcut çözümlerin henüz yeterince tatmin edici olmadığı ifade ediliyor
  • Mantine’de geçmişte a11y (erişilebilirlik) sorunları olduğu hatırlatılarak, Mantine ile erişilebilirlik uyumluluğu kontrolü yapılıp yapılmadığı soruluyor
• README’deki getting started bağlantısı changelog’a gidiyor, bu yüzden başlangıç rehberi doğrudan açılmıyor
  • Teşekkür edilerek, ilgili sorunun hemen bir PR ile gönderildiği belirtiliyor
• Bu kütüphane çok düzenli ve temiz göründüğü için etkileyici bulunuyor; WordPress ile kolay entegrasyon için bir yol olması istendiği, ya da bunun zaten mevcut olup olmadığının merak edildiği söyleniyor
• Güzel component yapısının yanında çok cesur kararlar da alındığı düşünülüyor; şimdiye kadarki başarısı tebrik ediliyor ve bu değişimin yalnızca kendisine değil tüm ekosisteme büyük fayda sağlayacağı umuluyor
• Bu kütüphanenin fiyatlandırma, ödeme yönlendirmesi ya da bağış seçeneğini sitede hiç göstermemesinin merak uyandırdığı; yani tamamen açık kaynak olduktan sonra artık gelir elde etmeyle ilgilenilip ilgilenilmediği soruluyor
  • Son 5 yılda bu kütüphaneyi satarak yeterince gelir elde edildiği ve artık satın alma imkânı olmayanların da kullanabilmesi için açık hale getirilmesinden memnun olunduğu belirtiliyor (önceki fiyatlandırma ekip odaklıydı); bundan sonra bazı ek component’ler plus lisans biçiminde sunulacak olsa da, temel React ve Figma kütüphanelerinin ücretsiz ve açık kaynak olarak kalacağı söyleniyor
  • Yazının sonunda, “Reshaped’i daha da geliştirmek için temel kütüphanenin üzerine karmaşık ve güçlü görüşler içeren premium component’ler getirmeyi planlıyorum; bu, basit ‘50 farklı landing page düzeni’ değil, gelişmiş CSS ve React mantığı gerektiren üst düzey component’ler anlamına geliyor” ifadesinin yer aldığı belirtiliyor
• Otomatik tamamlama özelliğinde backspace girişinin çalışmadığı bir sorun bulunduğu (OSX Safari ve Chrome’da doğrulandı) ve bunun ilgi çekici olduğu söyleniyor
  • Hemen özür dilenerek, dokümantasyonun bugün yeniden deploy edileceği ve ilgili sorunun en son yamada zaten düzeltildiği bildiriliyor