логотип PurpleSchool
логотип PurpleSchool

Storybook 8

Картинка поста 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/

Комментарии

0

Постройте личный план изучения Основы разработки до уровня Middle — бесплатно!

Основы разработки — часть карты развития Frontend, Backend, Mobile

  • step100+ шагов развития
  • lessons30 бесплатных лекций
  • lessons300 бонусных рублей на счет

Бесплатные лекции

Лучшие курсы по теме

изображение курса

Основы Git

Антон Ларичев
AI-тренажеры
Гарантия
Бонусы
иконка звёздочки рейтинга4.8
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

HTML и CSS

Антон Ларичев
AI-тренажеры
Практика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.9
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

CSS Flexbox

Антон Ларичев
Гарантия
Бонусы
иконка звёздочки рейтинга4.9
бесплатно
Подробнее