Storybook yeni ana sürüm 8.0'a ulaştı. Kullanıcı arayüzü bileşenlerini geliştirmeye ve test etmeye yönelik açık kaynaklı araç, 8.800'den fazla taahhüt gerçekleştirir. Bunlar, diğer konuların yanı sıra test ve dokümantasyonun yanı sıra React, Vue, Angular, Web Components ve Svelte ile uyumluluğu da kapsar. Öne çıkan özelliklerden biri olarak, Chromatic ile yapılan görsel test, bir eklenti aracılığıyla beta olarak mevcuttur.
Duyuru
Görsel testler sayesinde daha hızlı genel bakış
Yeni Görsel Testler eklentisi, Storybook kullanıcılarının kullanıcı arayüzü hatalarını daha hızlı ve kolay keşfetmesine olanak sağlamayı amaçlıyor. Storybook tarafından 2017 yılında piyasaya sürülen Chromatic görsel test platformuna erişim sağlar. Bu bulut hizmeti, hikayelerin anlık görüntülerini her düzenlemeden önce ve sonra karşılaştırarak görsel testi otomatikleştirmek için tasarlanmıştır. Storybook'ta görsel test yapmak artık eklentiyle herhangi bir değişiklik yapmaya gerek kalmadan mümkün.
Bu örnekte, Görsel Testler eklentisi “Kabul Et” düğmesine basılarak kabul edilebilecek değişiklikler tespit etmiştir.
(Resim: Hikaye Kitabı Belgeleri)
Eklenti geçen ay beta aşamasına başladı ve Storybook'un yeni ana sürümünün piyasaya sürülmesiyle birlikte beta statüsünde kalmaya devam ediyor. Storybook 7.6'dan aşağıdaki komutla kurulabilir:
npx storybook@latest add @chromatic-com/storybook
Storybook'u başlattığınızda yeni bir ek panel görünecektir Görsel testlertestleri çalıştırabileceğiniz ve sonuçları görüntüleyebileceğiniz yer. Görsel testin ön koşulu GitHub, Bitbucket, GitLab veya e-posta yoluyla Chromatic'e kayıt olup proje oluşturmaktır. Ayda 5000'e kadar anlık görüntü ücretsiz olarak dahildir, bunların ötesinde renk güncellemesi gereklidir.
Ek bilgi ve yapılandırma seçenekleri eklenti belgelerinde bulunabilir.
React Server bileşenleri, Vine ve daha fazlasına yönelik güncellemeler
React'in, bileşenlerin yalnızca sunucuda işlendiği React Sunucu Bileşenlerine (RSC) doğru paradigma değişimi Storybook'u da etkiliyor. Yeni sürüm, yalnızca React Next.js çerçevesiyle uyumlu olduğundan şu anda deneysel olarak işaretlenen RSC desteğini getiriyor.
(Resim: best_vector/Shutterstock)
Enterprise JavaScript enterJS konferansı 7 ve 8 Mayıs'ta Mainz'da gerçekleşecek. Organizatörler dpunkt.verlag ve iX, genel olarak JavaScript, özel olarak çerçeveler ve ayrıca programlama diliyle ilgili araçlar ve teknikler gibi konularda 35'in üzerinde konuşma ve üç atölye çalışması sunacak.
Programdan alıntı:
Storybook ekibinin işaret ettiği gibi sürüm 7'nin en büyük avantajlarından biri Vite için kurulum gerektirmeyen destekti. Ancak Storybook bazen aşırı yapılandırılır ve bu da Vite'ın farklı sürümlerinin kullanılmasını zorlaştırır. Artık Storybook, derleme aracının en son ana sürümü olan Vite 5'i de kullanabiliyor ve ayrıca Vite eklentileri için eklenti-reaksiyon veya eklenti-vue gibi daha fazla yapılandırma seçeneği sunuyor ve bu bağımlılıkları dışsallaştırıyor. Geliştirme ekibine göre neredeyse tüm Vite projeleri bu önceden yapılandırılmış eklentileri kullandığından, geliştirici tarafında değişiklik yapılması nadiren gerekli olacaktır.
Storybook blogu, iki ila dört kat daha hızlı test yapıları ve mobil ve web için güncellenmiş bir kullanıcı arayüzü de dahil olmak üzere bu ve diğer yenilikler hakkında ayrıntılı bilgi sunuyor.
(Mayıs)
Haberin Sonu
Duyuru
Görsel testler sayesinde daha hızlı genel bakış
Yeni Görsel Testler eklentisi, Storybook kullanıcılarının kullanıcı arayüzü hatalarını daha hızlı ve kolay keşfetmesine olanak sağlamayı amaçlıyor. Storybook tarafından 2017 yılında piyasaya sürülen Chromatic görsel test platformuna erişim sağlar. Bu bulut hizmeti, hikayelerin anlık görüntülerini her düzenlemeden önce ve sonra karşılaştırarak görsel testi otomatikleştirmek için tasarlanmıştır. Storybook'ta görsel test yapmak artık eklentiyle herhangi bir değişiklik yapmaya gerek kalmadan mümkün.
Bu örnekte, Görsel Testler eklentisi “Kabul Et” düğmesine basılarak kabul edilebilecek değişiklikler tespit etmiştir.
(Resim: Hikaye Kitabı Belgeleri)
Eklenti geçen ay beta aşamasına başladı ve Storybook'un yeni ana sürümünün piyasaya sürülmesiyle birlikte beta statüsünde kalmaya devam ediyor. Storybook 7.6'dan aşağıdaki komutla kurulabilir:
npx storybook@latest add @chromatic-com/storybook
Storybook'u başlattığınızda yeni bir ek panel görünecektir Görsel testlertestleri çalıştırabileceğiniz ve sonuçları görüntüleyebileceğiniz yer. Görsel testin ön koşulu GitHub, Bitbucket, GitLab veya e-posta yoluyla Chromatic'e kayıt olup proje oluşturmaktır. Ayda 5000'e kadar anlık görüntü ücretsiz olarak dahildir, bunların ötesinde renk güncellemesi gereklidir.
Ek bilgi ve yapılandırma seçenekleri eklenti belgelerinde bulunabilir.
React Server bileşenleri, Vine ve daha fazlasına yönelik güncellemeler
React'in, bileşenlerin yalnızca sunucuda işlendiği React Sunucu Bileşenlerine (RSC) doğru paradigma değişimi Storybook'u da etkiliyor. Yeni sürüm, yalnızca React Next.js çerçevesiyle uyumlu olduğundan şu anda deneysel olarak işaretlenen RSC desteğini getiriyor.
(Resim: best_vector/Shutterstock)
Enterprise JavaScript enterJS konferansı 7 ve 8 Mayıs'ta Mainz'da gerçekleşecek. Organizatörler dpunkt.verlag ve iX, genel olarak JavaScript, özel olarak çerçeveler ve ayrıca programlama diliyle ilgili araçlar ve teknikler gibi konularda 35'in üzerinde konuşma ve üç atölye çalışması sunacak.
Programdan alıntı:
Storybook ekibinin işaret ettiği gibi sürüm 7'nin en büyük avantajlarından biri Vite için kurulum gerektirmeyen destekti. Ancak Storybook bazen aşırı yapılandırılır ve bu da Vite'ın farklı sürümlerinin kullanılmasını zorlaştırır. Artık Storybook, derleme aracının en son ana sürümü olan Vite 5'i de kullanabiliyor ve ayrıca Vite eklentileri için eklenti-reaksiyon veya eklenti-vue gibi daha fazla yapılandırma seçeneği sunuyor ve bu bağımlılıkları dışsallaştırıyor. Geliştirme ekibine göre neredeyse tüm Vite projeleri bu önceden yapılandırılmış eklentileri kullandığından, geliştirici tarafında değişiklik yapılması nadiren gerekli olacaktır.
Storybook blogu, iki ila dört kat daha hızlı test yapıları ve mobil ve web için güncellenmiş bir kullanıcı arayüzü de dahil olmak üzere bu ve diğer yenilikler hakkında ayrıntılı bilgi sunuyor.
(Mayıs)
Haberin Sonu