Storybook 8

Storybook 8 вносит ряд значительных улучшений, направленных на улучшение опыта разработчиков и общей производительности инструмента. Одним из наиболее заметных обновлений является полное переосмысление мобильного и настольного пользовательских интерфейсов, направленное на улучшение удобства использования и эстетики. Мобильный интерфейс теперь обладает более доступной боковой панелью навигации и панелью дополнений, которые появляются снизу и разработаны для удобного доступа большим пальцем. В то же время настольный интерфейс был переработан для устранения проблем с отзывчивостью, обеспечивая бесшовный переход между настольными и мобильными видами с обновленной типографикой и новым набором иконок​.

Ключевым улучшением в Storybook 8 является удаление зависимости React для проектов, не использующих React, что решает один из основных недостатков предыдущей версии и делает инструмент более универсальным для разработчиков, работающих с другими фреймворками​​. Storybook 8 также сосредоточен на значительных улучшениях производительности за счет принятия SWC в качестве компилятора по умолчанию для новых проектов, значительно ускоряя время сборки по сравнению с Babel. Кроме того, для проектов на React контролы теперь генерируются автоматически с использованием react-docgen, что дополнительно сокращает время запуска​.

Были введены улучшения для конкретных фреймворков, включая экспериментальную поддержку React Server Components, улучшенную генерацию контролов в проектах React и Vue, а также усиленную архитектуру и возможности тестирования Vite​. Storybook 8 также предлагает упрощенный процесс добавления визуальных регрессионных тестов через дополнение Visual Tests, позволяя разработчикам просматривать изменения непосредственно в Storybook или отправлять тестовые случаи в Chromatic для дальнейшего анализа​.

Для тех, кто рассматривает возможность обновления или начала работы с Storybook 8, эта версия обещает улучшенную производительность, более широкую совместимость с фреймворками и улучшенный пользовательский интерфейс, делая ее привлекательным обновлением для фронтенд-разработчиков, стремящихся оптимизировать разработку и тестирование UI-компонентов.

https://storybook.js.org/blog/storybook-8/