Видеокурсы от egghead.io - Смотреть онлайн

Начало работы с React Storybook

Getting Started with React Storybook

React Storybook - это среда разработки компонентов пользовательского интерфейса для React. При этом вы можете разрабатывать компоненты UI без запуска вашего приложения.

0 ч 3 мин 42 сек

English

egghead

Премиум

Посмотреть

Jest тестирование снимками с React Storybook

Jest Snapshot Testing with React Storybook

React Storybook позволяет упростить интеграцию с тестированием снимками в рамках платформы Jest. Тестирования снимками позволяет вам фиксировать состояние вашего пользовательского интерфейса, а затем уведомлять вас о том, что пользовательский интерфейс был изменен. Мы можем легко создавать и обновлять снимки с помощью Storybook!

0 ч 2 мин 27 сек

English

egghead

Премиум

Посмотреть

Добавляем к проекту React Storybook

Add React Storybook to a Project

В этом уроке мы покажем, как настроить React Storybook в существующий проект React. Мы рассмотрим общие файлы конфигурации и как их настроить.

0 ч 3 мин 36 сек

English

egghead

Премиум

Посмотреть

Пишем первый React Storybook Story

Write the First React Storybook Story

Story - это наименьшая единица React Storybook. В Story описывается компонент React, его различные состояния и вариации. Story могут описывать сложные компоненты с динамическими свойствами и данными, загруженными из сервисов. В этом уроке мы напишем наш первый React Storybook Story.

0 ч 4 мин 35 сек

English

egghead

Премиум

Посмотреть

Динамично зазгружаем React Storybook Stories

Load React Storybook Stories Dynamically

React Component stories можно динамически загружать в React Storybook вместо того, чтобы делать это вручную каждый раз.

0 ч 3 мин 11 сек

English

egghead

Премиум

Посмотреть

Инспектируем события компонентов с React Storybook

Inspect Component Events with React Storybook

Компоненты запускают задания через свойста функции, чтобы уведомлять о событиях, которые происходят в компоненте. Мы можем проверить эти события с помощью React Storybook.

0 ч 1 мин 46 сек

English

egghead

Премиум

Посмотреть

React: Flux Aрхитектура (ES6)

React: Flux Architecture (ES6)

По мере того как приложение React растет, также возникают потребности в организации и шаблонах. Как взаимодействуют компоненты? Как управлять состоянием в приложении? Как распределяются данные между компонентами? Это вопросы, на которые Flux имеет ответ.В этой серии мы рассмотрим React Flux, используя ES6 (ES2015), babel и webpack для управления процессом разработки.

0 ч 49 мин 50 сек

English

egghead

Премиум

Посмотреть

Запуск, остановка и удаление докер контейнеров

Run, Stop and Remove Docker Containers

В этом уроке мы узнаем об основах работы контейнеров Docker. Мы рассмотрим, как загружать образы из Docker Hub, что происходит, когда вы останавливаете контейнеры, как перезапустить контейнер после его остановки, а также как удалить контейнеры.

0 ч 1 мин 34 сек

English

egghead

Премиум

Посмотреть

Создание docker томов для постоянного хранения

Create Docker Volumes for Persistent Storage

Чтобы сохранить изменения файловой системы, вы должны использовать Docker томы (volumes). В этом уроке мы рассмотрим, как копировать файлы в контейнеры Docker, как создавать тома и копировать данные, а также настраивать удаленные папки для постоянных обновлений.

0 ч 2 мин 5 сек

English

egghead

Премиум

Посмотреть

Удаление старых неиспользуемых docker контейнеров и изображений

Prune Old Unused Docker Containers and Images

В этом уроке мы рассмотрим docker container prune. Мы также можем использовать docker system prune для очистки всех контейнеров, изображений, томов и сетей одной командой.

0 ч 0 мин 52 сек

English

egghead

Премиум

Посмотреть