Storybook 8 introduces a range of exciting features and improvements, enhancing its capabilities as a tool for building and testing UI components. If you have a React project, this upgrade reduces your Storybook start time by up to 20%. For Webpack projects, Storybook 8 uses Speedy Web Compiler (SWC) as the default compiler for new projects, speeding up the load time for stories.
Enhanced performance
A new default compiler, auto-generated controls for React projects and a new —test flag all lead to faster, better performance.
Automated visual tests
Storybook 8 now comes with an official visual testing add-on for Storybook so you can run visual tests of your stories without having to commit changes.
New mobile UI
A full makeover for Storybook’s mobile UI makes it easier to navigate.
What changed?
If your project uses the older storiesOf syntax to write stories, you would need to rewrite them with the Component Story Format (CSF) since the storiesOf API is now removed from Storybook version 8.
How do I upgrade to Storybook 8?
Type the following command in your terminal:
npx storybook@next upgrade
You can find all the changes from the Storybook 8 Changelog here.
Rate the article!
0
2 ratings, avg: 5
fireup.pro team
The presented content was written by our experts and is based on our company's experiences.
The world of app development is ever-evolving, with developers constantly seeking efficient and streamlined solutions for deploying and hosting applications. Expo’s recent announcement of their EAS Hosting service marks a significant milestone in addressing the challenges of universal app deployment. Let’s explore how this new service reshapes the app hosting landscape and why it’s a […]
As modern development and deployment practices continue to evolve, Infrastructure as Code (IaC) remains at the forefront of the DevOps revolution. By treating infrastructure configurations as code, IaC allows for consistent, repeatable, and automated deployment processes. But what does the future hold for this transformative approach? Let’s explore the key tools and emerging trends shaping […]
Pino is a blazing-fast, low-overhead logging library for Node.js applications. Renowned for its high performance and minimal resource consumption, Pino is the go-to choice for developers seeking efficient, reliable, and structured logging solutions. Benefits of Using Pino Here are the key advantages of choosing Pino over other logging libraries: Performance: Pino is designed to be […]
Microfrontends are transforming how modern web applications are built, enabling teams to develop and deploy independent features without impacting the entire application. In this article, we’ll explore how to set up microfrontends using Nx, a powerful monorepo tool, with detailed examples and explanations. By the end, you’ll have a clear understanding of how to leverage […]
In the fast-paced world of web development, maintaining clean and error-free code is crucial. This is where Biome comes into play, offering a comprehensive toolchain that combines formatting and linting to streamline your workflow. Let’s dive into the features and benefits of Biome and how it can elevate your web projects. What is Biome? Biome […]
Maximize Your Web App’s Performance with Vercel Observability In today’s digital landscape, where website performance directly correlates with user satisfaction and SEO rankings, developers need tools that not only monitor but also enhance application performance. Vercel Observability emerges as a game-changer, providing a comprehensive suite of tools designed to bring your web applications to their […]
Amazon Aurora DSQL: The Future of Serverless Databases ? Introduction Amazon Aurora DSQL, unveiled at AWS re:Invent 2024, is the latest innovation in serverless, distributed SQL databases. Designed to meet the demands of modern applications, Aurora DSQL promises virtually unlimited scalability, high availability, and robust performance, all while maintaining PostgreSQL compatibility. Main Advantages of Amazon […]
Introduction React 19, the latest version of the popular JavaScript library for building user interfaces, was officially released on December 5, 2024. This release brings a host of new features, improvements, and optimizations aimed at enhancing the developer experience and improving web app performance. Whether you’re a seasoned React developer or just starting, there’s something […]
Build Native Windows Apps with Ease Introduction In the ever-evolving world of software development, the need for efficient cross-platform solutions has never been greater. Enter React Native for Windows, a powerful framework that enables developers to build native Windows applications using the familiar JavaScript and React ecosystem. What is React Native for Windows? React Native […]