Публикации по теме 'storybook'


Улучшение Angular-приложений с помощью Storybook
Storybook — мощный инструмент для изолированной разработки и тестирования UI-компонентов. Он позволяет разработчикам создавать и демонстрировать различные варианты компонентов пользовательского интерфейса без необходимости интеграции с основным приложением. Это может значительно повысить эффективность процесса разработки, а также помочь поддерживать единообразный пользовательский интерфейс во всем приложении. Что такое сборник рассказов? Storybook — это инструмент с открытым..
Создайте собственную библиотеку компонентов React с помощью Storybook 7 Beta и Vite 4 в 2023 году
Создание повторно используемой библиотеки компонентов с помощью Storybook 7 и Vite 4 в React Что такое библиотека компонентов? Библиотеки компонентов React — это наборы повторно используемых компонентов, которые можно использовать для быстрого создания пользовательских интерфейсов. Они часто распространяются в виде пакетов NPM и могут включать в себя множество различных типов компонентов, таких как кнопки, элементы формы и компоненты макета. Использование библиотеки компонентов..
Настройка Storybook в проекте Stencil
Настройка Storybook в проекте Stencil оказалась не такой простой, как я ожидал. Поэтому я задокументировал здесь основные шаги, которые я предпринял для настройки своего проекта. Надеюсь, это может быть полезно другим нуждающимся. Начиная с созданного приложения Stencil, запустите сценарий инициализации для Storybook: npx -p @storybook/cli sb init - type=html Это просит настроить с помощью Webpack 5 или Vite. Оба работают нормально. Теперь нам нужно разрешить Storybook..
Масштабирование доставки пользовательского интерфейса с помощью Storybook, часть 2
В прошлой статье я провел краткое введение в возможности Storybook, теперь я продемонстрирую некоторые продвинутые концепции, которые вы будете использовать в реальном проекте. Внедрение зависимостей moduleMetadata  — отличная функция в Storybook, с ее помощью мы можем добавлять сервисы и модули, необходимые для рендеринга историй. Это принцип, который мы используем в TestBed для тестирования компонента. Просто введите строго необходимые зависимости. Так что можно вводить..
Написание тестов для Vue.js Storybook
За последние пару недель я получил новую радость от написания своих компонентов Vue.js в Storybook в качестве инструмента для визуализации всех возможных перестановок данного компонента в отрыве от целевого приложения. https://dev.to/kylewelsby/writing-tests-for-vue-js-storybook-1bh9 Это честная игра: написать свой код, нажать Сохранить , увидеть изменения в браузере и визуально наблюдать, как все работает, как и ожидалось. Этого недостаточно! Я хочу, чтобы модульные тесты..
3 лучших инструмента JavaScript, которые нужно освоить в 2023 году
Технические тренды 3 лучших инструмента JavaScript, которые нужно освоить в 2023 году Повысьте уровень разработки JavaScript в 2023 году: освойте эти лучшие инструменты JavaScript по-прежнему остается одним из самых популярных языков программирования, и для любого разработчика JavaScript крайне важно быть в курсе новейших инструментов. В 2023 году появилось несколько новых и мощных инструментов JavaScript, предлагающих повышенную эффективность, производительность и качество кода...
Руководство по документированию контролируемых компонентов с помощью сборника рассказов
Руководство по управлению состоянием внешнего сборника рассказов Мое путешествие Storybook - фантастический исследователь компонентов и игровая площадка . Я использую его для разработки, демонстрации и документирования всех моих компонентов в моей кодовой базе. Пользователи могут узнать, как работает компонент и как им управлять. Но, хотя настройка историй для компонентов без состояния, таких как кнопки, сетки и таблицы, была простой, компоненты, которым требовалось внешнее..