Публикации по теме 'storybook'
Должен ли сборник рассказов быть незаменимым в трансформационных сборках?
Если вы читаете это как фронтенд-инженер, я уверен, что вы использовали Сборник историй в том или ином качестве на протяжении своей карьеры, но считаете ли вы Сборник историй необходимым? Большинство разработчиков, с которыми я работал, рассматривают это как еще одну раздражающую зависимость от обновлений (наряду с проклятыми модулями и тестами e2e + другими хлопотами по разработке). Тем не менее, я бы решительно заявил, что это важно при преобразовании устаревших веб-продуктов в..
Как добавить HTML-оболочку в компонент Angular в сборник рассказов
Как добавить HTML-оболочку в компонент Angular в сборник рассказов
Декораторы сборников рассказов — это ответ на создание немного большей разметки.
Storybook предлагает множество инструментов для визуального документирования всех ваших компонентов JavaScript. Начать работу с Storybook и Angular тоже довольно просто. Но некоторые функции скрыты или недостаточно описаны, чтобы их знать.
Итак, в нашей команде мы писали компонент формы Angular с помощью Angular Material. Некоторые..
Конфигурация Storybook в проекте React
Настройка Storybook: 6 советов, которые нельзя пропустить
Как настроить Storybook для интеграции с текущим проектом
Storybook - это инструмент с открытым исходным кодом для разработки пользовательского интерфейса с множеством надстроек для интерактивного и подробного отображения компонентов пользовательского интерфейса.
Я рад поделиться своим опытом по настройке вашей Storybook для интеграции в ваш текущий проект. Эта статья будет посвящена проблемам, с которыми я столкнулся, и..
Вопросы по теме 'storybook'
ручки аддона React Storybook не отображаются
Кажется, у меня не работают ручки надстройки @storybook? Похоже, это не украшает реальную историю. В значительной степени следил за этим
Мой код ниже. Я использую getstorybook с приложением create-react-app
Используя следующие пакеты:...
11154 просмотров
schedule
24.12.2023
Storyshots jest - Не удается найти модуль '@ storybook / react' в 'index.js'
Я пытаюсь включить сторишоты в свой проект. У меня такой конфиг шутки:
"moduleFileExtensions": [
"json",
"js",
"jsx"
],
Вот содержимое моего тестового файла:
import React from 'react';
import renderer from 'react-test-renderer';...
1955 просмотров
schedule
27.03.2023
React Native Storybook запускает упаковщик на другом порту
Порт по умолчанию для упаковщика Storybook — 8081. Это тот же порт, который используется упаковщиком React Native.
Есть ли способ изменить порт для упаковщика Storybook, чтобы оба упаковщика могли работать одновременно?
Обратите внимание, что...
396 просмотров
schedule
22.08.2023
Как заставить аддон Storybook работать с дополнительными ссылками на Vue.js?
Я пытаюсь узнать, как использовать Storybook для своего проекта, который использует Vue.js, и я не могу заставить работать аддон addon-links, поскольку документация в основном находится в React.
Я установил
npm i --save @storybook/vue
npm i...
1816 просмотров
schedule
26.07.2023
Storybook не понимает импорт по запросу для компонентов antd
Я выполнил инструкции здесь, чтобы получить antd отлично работает с CRA . Но при использовании его из сборника рассказов я получал ошибку как:
Сбой сборки миксина с сообщением «Встроенный JavaScript не включен». Это установлено в ваших...
3759 просмотров
schedule
20.02.2024
Проблема с настройкой Vue Storybook Jest Addon
Интересно, может ли кто-нибудь, использующий надстройку jest, поделиться своей конфигурацией Vue Storybook, поскольку я не могу заставить ее работать. Я пробовал глобальный режим:
В config.js Storybook:
import { withTests } from...
607 просмотров
schedule
26.02.2022
TestCafe: создавать тесты с использованием данных от клиента?
Используя TestCafe [1], я хотел бы сделать следующее:
Перейдите к URL-адресу.
Выполните клиентский JavaScript, чтобы получить список других URL-адресов.
Создайте тест для каждого URL.
Выполняйте тесты одновременно .
Рабочий пример,...
275 просмотров
schedule
12.04.2023
Тестирование Angular с @ angular-redux / store в Storybook
Я написал это на @angular-redux/store , и мне было интересно, существует ли уже решение.
https://github.com/angular-redux/store/issues/551
Вот краткое изложение, которое поможет вам не читать ссылку:
Пока что использование Angular и...
426 просмотров
schedule
21.12.2023
мобильная эмуляция с помощью Storybook React
Я пытаюсь протестировать свои слушатели событий смахивания на сенсорном экране на компоненте реакции, созданном с помощью сборника рассказов, и, похоже, мне не удается заставить работать надлежащую мобильную эмуляцию. Изменения стиля, которые я...
918 просмотров
schedule
21.11.2023
Storybook с Vue в TypeScript, как импортировать из файла .storybook.ts (конфигурации Webpack)?
Я использую Storybook с Vue в TypeScript. пока нет официальных конфигураций TypeScript для использования Vue с сборником рассказов. .
Как настроить Webpack, чтобы в файл .storybook.ts можно было импортировать из другого файла .storybook.ts?...
1549 просмотров
schedule
05.08.2022
Storybook требует, чтобы компонент Ant Design по умолчанию был экспортирован для применения стиля.
Я хочу разработать некоторые из моих компонентов React с помощью Ant Design и задокументировать их в Storybook.
И сборник рассказов, и компоненты написаны правильно и работают.
modal.stories.js
import React from "react";
import { action }...
2273 просмотров
schedule
04.02.2023
Ошибка сборника рассказов Неожиданный экспорт по умолчанию без заголовка: {includeStories: [], параметры: {docs: {}}}
Я слежу за официальным Learn Storybook руководство
Я получаю сообщение об ошибке Unexpected default export without title: {"includeStories":[],"parameters":{"docs":{}}} .
У меня есть только одна история в файле CreditCard.stories.mdx в...
5185 просмотров
schedule
28.02.2022
Как создать компоненты React, которые будут использоваться приложением HTML?
У меня есть проект React, созданный с npx create-react-app , где я реализовал несколько компонентов React. На самом деле я не рассматриваю этот проект как «приложение React», поскольку это просто личная библиотека компонентов, которые я использую в...
64 просмотров
schedule
17.05.2022
Как установить размер ячейки сетки в Storybook 5?
Я использую Storybook v5.2.6 и пытаюсь изменить размер линий сетки, показанных в моих рассказах.
После добавления @storybook/addon-backgrounds на панели инструментов моей Storybook появляется кнопка переключения сетки. При нажатии кнопки...
720 просмотров
schedule
24.07.2022
Импортируйте глобальный PostCSS с помощью Storybook 5
В Storybook v4 я загрузил файлы PostCSS моего приложения React в два этапа:
Сначала я обновил конфигурацию Webpack Storybook в ./.storybook/webpack.config.js .
//...
1483 просмотров
schedule
06.07.2022
Как настроить webpack для загрузки пользовательских шрифтов в сборник рассказов?
Я новичок в webpack и пытаюсь загрузить пользовательские шрифты в stroybook v4, следуя этому руководству https://medium.com/@mushti_dev/hey-e6faa20b910a
Структура рабочего пространства выглядит так (приложение create-response-app + сборник...
2326 просмотров
schedule
07.10.2022
Надстройки-документы Storybook MDX не работают на Edge
Добрый день. Моя команда реализовала Storybook для наших компонентов React, и был добавлен плагин addon-docs , позволяющий разработчикам документировать компоненты в Storybook. Хотя надстройка MDX отлично работает в Chrome, в Edge возникает...
916 просмотров
schedule
27.03.2022
Как импортировать таблицы стилей из node_modules в загрузчик sass без ~
Я настраиваю свой экземпляр Storybook для загрузки стилей из моего приложения Rails, но ему не удалось загрузить импорт в моем файле main.scss , оба являются таблицами стилей из node_modules :
@import 'react-table/react-table.css';
@import...
2747 просмотров
schedule
03.08.2022
Как я могу разместить свой сборник рассказов на React Native в Интернете?
Я использую React Native Storybook , который запускает Storybook в эмуляторе Native.
В дополнение к тому, как React Native Storybook работает в настоящее время, я также хотел бы создать его экземпляр для Интернета в качестве справочного компаньона...
957 просмотров
schedule
16.04.2023
Стили React-Bootstrap не загружаются со сборником рассказов
Недавно я начал использовать сборник рассказов для своего проекта response-typescript и столкнулся с следующими проблемами:
У моих компонентов response-bootstrap нет стиля. Компоненты загружаются, но без стилей. Я пробовал использовать загрузчик...
3161 просмотров
schedule
07.05.2023