IT

 

 

 

 

 

 

 






 







 


 

 

 

 

 

 

 

 






 







 


 

 

 

 

 

 

 






 







 


 

 

 

 

 

 

 






 







 


 

 

 

 

 

 

 

 

 

 

 

 

 

 






 







 


 

 

 

 

 

 

 

 

 

 






 







 


IT

 

 

AI  

 

 






 







 


 

 

 

 

 

 

 






 







 


 

 

 

 

 

 

 

 






 







 


 

Web  

 

 

PlayStation  

 

YouTuber  

 





 

 





 

 

 












Type-safe module mocking in Storybook  

4users  
storybook.js.org  


Consistency is crucial to develop and test UI in isolation. Ideally, your Storybook stories should always render the same UI no matter whos viewing them when, and whether or not the backend is working. The same input to your story should always result in identical output. This is trivial when the only input to your UI is the props passed to your components. If your component depends on data from



 

2024/05/31 07:49
 





 

















Storybook 8.1  

4users  
storybook.js.org  


Storybook is the industry standard workshop for building, testing, and documenting UI components. Thousands of developers use it every day, including teams at BBC, Etsy, and Dropbox. Over the past year weve focused on quality of life maintenance work. This culminated in the March launch of Storybook 8.0, our most performant and stable release yet. Now in 8.x, were back on the hunt to improve you



 

2024/05/24 09:54
 







 











Portable stories for Playwright Component Tests  

23users  
storybook.js.org  


Storybook is the industry standard workshop for building, documenting, and testing UI components. Its used by leading development teams at organizations like Shopify, Gov.UK, and NASA. One of the biggest benefits of developing in Storybook is that you get tests for free. Each isolated component exampleor storyis a UI test. And if you want to test data fetching and user interactions, Storybook



 

2024/05/17 03:32
 









 











Storybook 8  

40users  
storybook.js.org  


Storybook is the industry standard UI tool for building, testing, and documenting components and pages. Its used by thousands of teams globally, integrates with all major JavaScript frameworks, and combines with most leading design and developer tools. Today, Im thrilled to announce the release of Storybook 8! This latest version of Storybook brings together 8,865 commits across 773 PRs from 218



 

2024/03/13 00:23
 









 











First-class Vue support with Volar and Storybook 8  

4users  
storybook.js.org  


💡Summary: Storybook 8 integrates Vues official language tools to improve how Storybook generates controls and documentation in Vue Vite projects. Get started by upgrade your Vue Storybook docgen configuration today!Thanks to the great work of our Vue maintainers (Chakir, Lars, and Kasper), Storybook 8 significantly improves how we generate controls and documentation in Vue projects. We're using



 

2024/03/07 23:35
 













Storybooks Visual Tests addon enters beta  

11users  
storybook.js.org  


💡Update, March 12: Storybook 8 and Visual Tests addon are out now! Learn more in the Storybook 8 launch announcement or Visual Tests addons launch announcement.Storybook 8 introduces a totally new workflow for safeguarding your UI from unexpected visual changes through Storybooks Visual Tests addon! Learn how it works and try the beta today. Why visual testing?The challenge of testing UI is tha



 

2024/02/16 04:55
 









 











Storybook 8 Beta  

10users  
storybook.js.org  


🚀Update March 12: Storybook 8 is out now!Storybook 8 is now available to try in beta! This latest release continues Storybooks quest of giving you an instant-on, seamless environment for frontend development. Check out the release highlights and try the beta release today! 🚀 Major performance improvements 🆕 Visual tests workflow 📱 Polished mobile UI 🔬 Improved test utilities  React Server



 

2024/02/07 00:46
 









 











Build a Next.js app in Storybook with React Server Components and Mock Service Worker  

26users  
storybook.js.org  


🚀Update, March 12: Storybook 8 is out now!Storybook 8 (our next major release) brings React Server Component (RSC) compatibility to Storybook for the very first time, letting you build, test and document Next.js server applications in isolation. In our first demo, we used Storybook to develop a contact card RSC, which accessed contact data both asynchronously and from a file system while simulati



 

2024/01/19 13:40
 













 











How to make Storybook 2-4x faster  

8users  
storybook.js.org  


Storybook 7.6 contains massive performance improvements. Most will become the default in our next major release (Storybook 8.0), but you can adopt them today by opting in manually. Heres how to get started!  --test flag for 2-4x faster test builds 🩺 2.2x faster React docgen 🧳 Streamline essential addons 🌐 SWC for 50% faster Webpack projects 🔬 @storybook/test for more streamlined and perform



 

2023/12/22 13:44
 



 











Storybook for React Server Components  

8users  
storybook.js.org  


React Server Components (RSC) are a new programming model for React-based web UIs. In contrast to traditional React client components, they only render on the server. This leads to a variety of performance and security benefits, but it is also a huge departure from the React tools and libraries we use today. One of the most impacted areas is component-driven development and testing. Tools like S



 

2023/12/14 02:11
 





 











Storybook 7.6  

4users  
storybook.js.org  


Storybook 7.6 is here! This is the final minor release in the Storybook 7 series. 7.6 improves Storybooks performance and UX, enhances our integrations with tools across the frontend ecosystem, and paves the way for our next major release: Storybook 8. 🔥 Improved SWC support🧪 New test utilities and fast build mode🔼 NextJS SWC + avif support & fixes🇸 SvelteKit page and navigation mocking Rea



 

2023/12/01 12:23
 





 











@storybook-test: more streamlined and powerful testing  

10users  
storybook.js.org  


Storybook is the best way to build and test your UI components in isolation. Storybook 7.6 (now in alpha) takes Storybook's testing even further with the introduction of @storybook/test. It brings a set of new utilities for spying on your components, interacting with them in the browser, and asserting the results. Plus better performance and smaller size. The new hotness@storybook/test consolidate



 

2023/11/16 01:30
 







 











Storybook 7.5  

4users  
storybook.js.org  


Storybook is the gold standard UI workshop environment. Its used across the industry by teams at Monday.com, The Guardian, Intuit, and many more for developing, documenting, and testing UIs. Today, we're thrilled to introduce Storybook's latest version: Storybook 7.5! It brings a range of new features that enhance the Storybook experience. Let's dive in!  Vite 5 and Lit 3.0 support💨 2.2x faste



 

2023/10/20 10:08
 









 











Introducing the Chromatic Visual Tests addon  

3users  
storybook.js.org  


TLDR: Were launching a visual tests addon for Storybook. It automatically QAs the look of all your components, tracks their appearance, and notifies you of visual changes right inside your Storybook env. Sign up here for early access! Testing UIs is awkward because you have to account for tons of design details. Did I pick the right shade of gray?"  "Did margins collapse or stack?" The simplest



 

2023/08/07 08:44
 













Storybook 7.1  

19users  
storybook.js.org  


Storybook is the industry standard workshop for UI component development, documentation, and testing. Its used by teams at Twitter, GitHub, the BBC, and the New York Times. After launching Storybook 7.0 back in April, we plan to ship future releases that are both more frequent and smaller in size. That will help Storybook keep in sync with changes across the frontend ecosystem while smoothing the



 

2023/07/20 01:51
 



























In-app tour for new users  

3users  
storybook.js.org  


When you start learning a new skill, theres nothing better to have than a great teacher. That's also true for Storybook. The world's leading frontend teams use Storybook to build their UIs, but it can feel tricky to understand the basics if you're learning by yourself. Today, I'm excited to share a sneak peek of the in-app tour developer experience in Storybook 7.1. It teaches new users how to ge



 

2023/06/30 01:28
 













Storybook 7.0  

25users  
storybook.js.org  


Storybook is the gold standard UI workshop environment. Its used across the industry by teams at Monday.com, The Guardian, Intuit, and many others due to its unparalleled framework compatibility and rich features for development, documentation, and testing. Today, Im excited to announce Storybook 7 (SB7), our first major release in over two years and by far our largest ever. It includes:  First



 

2023/04/12 22:57
 









 











Migration guide for Storybook 8.0  Storybook docs  

4users  
storybook.js.org  


Storybook 8 focuses on improving performance, compatibility, and stability. Key features include: 🩻 A new visual testing workflow via the Visual Tests addon💨 2-4x faster test builds, 25-50% faster React docgen, and SWC support for Webpack projects🧩 Improved framework support: you no longer need to install React as a peer dependency when using a non-React renderer🎛 Strengthened control generat



 

2023/04/03 22:29
 













Improved type safety in Storybook 7  

23users  
storybook.js.org  


Writing in TypeScript makes you more productive and your code more robust. You get type check warnings, autocomplete, and Storybook infers types to generate an ArgsTable automatically. It also helps detect bugs and edge cases while coding. Storybook has provided built-in zero config TypeScript support since 6.0. That gives a great autocomplete experience, but sadly it didnt warn you about missing



 

2023/02/09 10:52
 









 











Component Story Format 3 is here  

5users  
storybook.js.org  


Stories visualize how a component behaves in different scenarios. Component Story Format (CSF) is the universal file format for stories. Component Story Format 3 marks an evolution in stories that trims boilerplate code and improves ergonomics. This makes stories more concise and faster to write. I'm excited to announce the full release of CSF3. During the 18 month beta period, the community helpe



 

2023/01/27 17:14
 



 











Storybook Ecosystem CI  

3users  
storybook.js.org  


Upgrading npm packages can be a bit like crossing a minefield. Even a tiny patch upgrade can blow up your entire stack. Unfortunately, this kind of issue is common in modern open-source software. Packages often break due to bugs in their code, bugs in their dependencies, or incompatible transitive dependency upgrades. As maintainers of Storybookone of the most popular UI development toolswe're a



 

2023/01/24 04:59
 













Future of Storybook in 2023  

5users  
storybook.js.org  


Storybook is the industry-standard UI development workshop for components and pages. It's used by BBC, Netflix, Twitter, and thousands more teams. Our goal is to make the tools and techniques used by the best frontend teams available to everyone. Today, Storybook has established itself as the best practice for component development, testing, and documentation. It supports every major web framework



 

2023/01/10 15:18
 













Storybook 7.0 beta  

7users  
storybook.js.org  


Our mission is to improve the UX of the internet. So far, weve made a lot of progress. Teams around the world use Storybook to power their frontend workflows. Microsoft documents their universal design system, Fluent. Firefox develops pages for their web apps in isolation. While BBC automates testing for their component library across dozens of international locales. Im excited to share an early



 

2022/12/17 08:40
 







 











Integrate Next.js and Storybook automatically  

6users  
storybook.js.org  


Next.js is used in tens of thousands of websites and apps. With the recent release of v13, its more capable than ever, including many improvements to key features like routing and image optimization. But with all this change, it can be tough to migrate your existing Next app, much less everything it integrates with. Storybook is the de facto standard for isolated component development. We're exci



 

2022/12/09 16:46
 



 











First-class Vite support in Storybook  

61users  
storybook.js.org  


Vite is a next-gen build tool that has taken the web development world by storm. It gives you fast startup, instant reloads, widespread compatibility, and easy configuration. With nearly GitHub 50k stars, almost 2 million weekly npm downloads, and 650+ contributors, Vite is clearly a big deal. Storybook first supported Vite in April 2021 (two months after Vite 2.0 was released) with help from co



 

2022/10/14 00:59
 











 











Why Storybook in 2022?  

4users  
storybook.js.org  


Teams around the world use Storybook to power their frontend workflows. But how it is used can vary immensely. Microsoft documents their Fluent design system. Mozilla develops pages for their web apps in isolation. While BBC automates testing for readers in every locale. The breadth of Storybooks use cases makes it tricky for new folks to understand the core value. Why do developers actually use



 

2022/09/07 08:06
 















7.0 design alpha  

8users  
storybook.js.org  


Storybook supports every major view layer, countless workflows, and legions of frontend developers. Despite giant leaps in functionality over the last few years, the core user experience hasnt changed since version 5.0. Till now. Last month, I shared a sneak peek of Storybook 7.0s design that streamlines core UI patterns that devs use every day. Im thrilled to announce that these updates are no



 

2022/08/19 02:36
 













Writing stories in TypeScript  

9users  
storybook.js.org  


You need to keep a lot of details in your head when developing UI componentsprop names, styling, state management, event handlers, etc. By using TypeScript to build your components, you can capture those details better and automate your workflow. Your code editor will type-check your code and offer better autocomplete, saving significant development time and effort. You get the same improved ergo



 

2022/08/05 01:30
 



 











Storybook 7.0 design sneak peek

4users  
storybook.js.org  


Every morning thousands of developers spin up Storybook to start the work day. Storybook underpins the frontend workflow of Netflix, Adobe, and the European Union. But with growing usage, comes more exposure to UX edge cases and inconsistencies. For the past 3 years, weve researched usability and collected UX feedback. Im thrilled to share a sneak peek of Storybook 7.0s design. It refreshes the



 

2022/07/21 23:33
 



 








 




























 

Storybook: Frontend workshop for UI development  

 



j

k

l

e

o
 
 
















 









 

















 









 









 







Pro



 




 






App Storeからダウンロード
Google Playで手に入れよう


Copyright © 2005-2024 Hatena. All Rights Reserved.
 





x