Оглавление:

Как запустить сборник рассказов React?
Как запустить сборник рассказов React?

Видео: Как запустить сборник рассказов React?

Видео: Как запустить сборник рассказов React?
Видео: Хотел убит, но что то пошло не так!😂 | Киллер Севен #аниме #анимемоменты 2024, Май
Anonim

Это устанавливается Storybook во время автоматической установки (Storybook 5.3 или новее)

  1. Шаг 1: Добавьте зависимости. Добавлять @ сборник рассказов / реагировать .
  2. Шаг 2. Добавьте сценарий npm. Затем добавьте следующий сценарий NPM в свой package.json, чтобы запустить сборник рассказов далее в этом руководстве:
  3. Шаг 3: Создайте основной файл.
  4. Шаг 4: Напишите свои истории.

Кроме того, как использовать сборник рассказов с помощью React?

  1. Установка сборника рассказов. Эти две строки кода установят Storybook в ваш проект React: cd my-project-directory.
  2. Надстройка ручек. Цель: редактировать свойства компонентов в режиме реального времени в Storybook.
  3. Дополнение Storyshots. Цель: добавить автоматическое тестирование снимков Jest для всех ваших историй.
  4. Бонус: еще несколько советов.

Точно так же как вы реагируете на хост? Разместите веб-сайт на основе React бесплатно с помощью Firebase Hosting и подключитесь к своему собственному домену

  1. Шаг 1. Создайте новый проект в Firebase Console.
  2. Шаг 2: Загрузите и установите Node.js.
  3. Шаг 3: Установите пакет узлов пряжи.
  4. Шаг 4: Создайте новое приложение React.
  5. Шаг 5: Установите пакет npm firebase-tools.

Что такое сборник рассказов для React?

Сборник рассказов это инструмент с открытым исходным кодом для изолированной разработки компонентов пользовательского интерфейса для Реагировать , Vue и Angular. Это делает создание потрясающих пользовательских интерфейсов организованным и эффективным. Начало работы Посмотреть видео. Сделано для. Реагировать.

Как мне начать сборник рассказов?

Это устанавливается Storybook во время автоматической установки (Storybook 5.3 или новее)

  1. Шаг 1: Добавьте зависимости. Добавьте @ storybook / react.
  2. Шаг 2. Добавьте сценарий npm. Затем добавьте следующий сценарий NPM в свой package.json, чтобы запустить сборник рассказов позже в этом руководстве:
  3. Шаг 3: Создайте основной файл.
  4. Шаг 4: Напишите свои истории.

Рекомендуемые: