Алина Мусихина
07 апреля 2024 
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-компонентов.
+2
386
5.0
Комментарии
0