Kullanıcı Arabirimi Aracı: Storybook 7.0, Vite, Next.js ve SvelteKit desteğini genişletiyor
Storybook 7.0 ile geliştirme ekibi, iki yılı aşkın bir süredir ilk büyük sürümünü yayınladı. UI bileşenlerini geliştirmeye ve test etmeye ve belgeler oluşturmaya yönelik açık kaynaklı ön uç aracı, artık Vite derleme aracı, React Next.js çerçevesi ve Svelte tabanlı dell çerçevesi SvelteKit kullanıcı arabirimi ile sıfır yapılandırma yaklaşımını kullanabilir. Ayrıca revize edilmiş bir kullanıcı arayüzü sunar.
Vite, Next.js ve SvelteKit için genişletilmiş destek
Yeni sürüm, Vite, Next.js ve SvelteKit için sıfır yapılandırma desteği sunuyor. Vite artık daha hızlı başlatma ve oluşturma süreleri için önceden paketlenmiş bir uygulama olarak sunuluyor. Zaten Vite’da kullanılan esbuild yoluyla ön paketleme, Webpack’i kurma ihtiyacını ortadan kaldırır.
Vine’a ek olarak Webpack 5’i de kullanabileceğiniz için, Storybook kullanıcıları bileşen kodunu bir araya getirmek için iki yerleşik seçenek arasından seçim yapabilir. Zaten geçen sonbaharda bir bakış açısı sunan ayrıntılı bir blog yazısı, Lives ile ilgili haberleri anlatıyor.
Organizatörler 21 ve 22 Haziran 2023’te karar verecek dpunkt.verlag, Haberler geliştiricisi VE iX Darmstadt’taki enterJS kurumsal JavaScript konferansı. JavaScript ve TypeScript dilindeki yenilikler, React, SvelteKit ve Astro dahil olmak üzere yeni ve yerleşik araçlar ve çerçevelerin yanı sıra erişilebilirlik ve yazılım mimarisi 35’ten fazla derste tartışılacak.
Tam gün atölyeler hem yerinde hem de çevrimiçi olarak mevcuttur.
Programdan alıntı:
Next.js için yapılan değişiklikler, Storybook tarafından otomatik yönlendirici alayı ve aşağıdakiler gibi yönetim araçları için yerleşik desteği içerir: next/font VE next/image. SvelteKit, nasıl ele alınacağı da dahil olmak üzere çerçeveye özgü ayarları artık otomatik olarak yapılandırıyor $app/stores.
Kullanıcı arayüzünde daha fazla alan
Bileşen geliştirmeye daha fazla alan sunmak için, Storybook kullanıcıları yeni versiyonda büyütülmüş bir ekran alanı bulacaklar. Kenar çubuğunda değiştirilmiş bir menü var ve 200’den fazla özel simge görsel olarak yenilendi. Bu, hem daha keskin bir ekrana hem de daha hızlı yükleme sürelerine hizmet etmelidir. Otomatik karanlık mod da mevcuttur.
Aydınlık modda ve karanlık modda Storybook 7.0.
(Resim: hikaye kitabı)
Diğer yenilikler arasında, Markdown MDX 2 süper setini yönetmeyi öğrenen, belge oluşturma için Storybook Docs eklentisinin büyük bir revizyonu yer alıyor.Belgeler, Storybook 7’deki bileşenlere doğrudan eklenebilir ve bir bileşen için otomatik olarak oluşturulan belge sayfaları kullanılarak eklenebilir. autodocsEtiketleri etkinleştirin.
Sayfalar ve Hikayeler ile kullanıcı arabirimi geliştirme
2016’da başlatılan Storybook’un şu anda npm’de haftalık üç milyondan fazla indirmesi var. Geliştirme ekibinin temel olarak ek veri gereksinimleri olan bileşenler olduğunu söylediği UI bileşenlerini ve sayfalarını ayrı ayrı oluşturmak için tasarlanmıştır. Aynı ada sahip geçmiş, bir kullanıcı arabirimi bileşeninin oluşturma durumunu yakalar.
Yukarıdakilere ek olarak Storybook, React, Angular, Web Components ve Qwik gibi diğer araçlar ve çerçevelerle birlikte kullanılabilir. Storybook, Android ve iOS mobil işletim sistemlerinin yanı sıra platformlar arası çerçeve Flutter ile de kullanılabilir.
Yeni sürümün tüm önemli noktaları bir blog gönderisinde sunulmaktadır. Geliştiriciler, sürüm 6.x’ten geçiş yaparken bir geçiş kılavuzuna başvurabilir.
(Mayıs)
Haberin Sonu