Категории
- Frontend
  - Angular
  - HTML
  - CSS
  - JavaScript
  - Vue
  - jQuery
  - React
  - AngularJS
  - Backbone
  - TypeScript
  - Ember
  - Next.js
  - Elm
  - Svelte
  - Single SPA
  - Three.js
  - D3.js
  - RxJS
  - WebGL
  - barba.js
- Backend
  - PHP
  - Python
  - Ruby on Rails
  - Yii
  - Laravel
  - SQL
  - Ruby
  - Symfony
  - Java
  - Scala
  - Node.js
  - MongoDB
  - Golang (Google Go)
  - Slim
  - Silex
  - Firebase
  - C Sharp (C#)
  - Deno
  - Redis
  - Django
  - NestJS
  - Spring
  - Spring Boot
  - Spring Data
  - Spring Cloud
  - Spring Security
  - Spring Integration
  - Spring HATEOAS
  - Spring MVC
  - Elixir
  - Phoenix
- System programming
  - Rust
  - WebAssembly
  - C++
- Marketing
  - SEO
- Video and 3D
  - Blender
  - Cinema 4D
  - ZBrush
- Graphic
  - Figma
  - Sketch
  - Photoshop
  - After Effects
  - Illustrator
  - Adobe XD
  - Lightroom
  - CorelDRAW
- DevOps
  - AWS
  - Azure
  - Docker
  - Git
  - GitHub
  - Gitlab
  - Google Cloud
  - Grafana
  - Kubernetes
  - Jenkins
  - Terraform
  - Другое
- Tools
  - GraphQL
  - Flux
  - Webpack
  - Ansible
  - Gulp
  - Grunt
  - Visual Studio Code
  - VIM
  - OpenCV
  - Salt
  - SVN
  - Atom
  - Elasticsearch
  - Сборки, готовые решения
  - Electron
  - Chrome DevTools
  - Yarn
  - Babel
  - Grep
  - npm
  - Vite
  - Gatsby
  - PhpStorm
  - Webflow
  - Hibernate
  - Socket.io
  - Bash
- Разработка мобильных приложений
- Gamedev
  - Unreal Engine
  - Unity
- CMS
  - Wordpress
  - OpenCart
  - Drupal
  - Joomla
  - 1C-Bitrix
  - MODX
  - Magento
  - Shopify
- Blockchain
  - Криптовалюты
  - Decentralized Applications (dApps) (Web 3)
- Тестирование
  - Postman
  - Selenium
  - Appium
  - Protractor
  - WebdriverIO
  - Cypress
  - Playwright
- Другое
- Подготовка к собеседованию
- Обработка и анализ данных
- Информационная безопасность
  - Этический взлом / Тестирование на проникновение
- Английский язык
- Конференции
Источники
Все курсы
- Популярные
- Бесплатные (100+ Курсов)
Разделы
Книги
- Бесплатные
- Популярные
Краудфандинг

Войти

Главная страница Категория react.js Создание библиотеки компонентов с помощью Storybook

Создание библиотеки компонентов с помощью Storybook

Name: Создание библиотеки компонентов с помощью Storybook
Price: 10 USD
Rating: 5 (8 reviews)

Building a Component Library with Storybook

learn.handlebarlabs.com

Начать Сейчас

Продолжительность

1 ч 10 мин

Категория

React.js

Количество уроков

10 Видео

Дата добавления

06.04.2020

Язык

Английский

Научитесь создавать библиотеку компонентов, которые просты в использовании, самодокументированы и легко проверяются.

В этом курсе вы узнаете:

Как настроить Storybook в приложении React Native
Как разбить интерфейс на серию простых в создании и обслуживании компонентов
Преимущества построения всеобъемлющей библиотеки компонентов
Горстка трюков и советов, которые я нашел из моего рабочего процесса

Я обнаружил, что использование Storybook для определения API моего компонента помогло мне создать значительно лучшие компоненты. Они также работают лучше, потому что я могу работать над ними изолированно.

Экономьте время, создавайте свои компоненты с помощью Storybook..

Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Building a Component Library with Storybook, а также все другие курсы, прямо сейчас!

Премиум

Урок 1. 00:04:39

Configure Storybook
Урок 2. 00:14:27

Build a Button Component
Урок 3. 00:03:58

Tip: Automatically Load Storybook Stories
Урок 4. 00:04:59

Breaking UI Into Components
Урок 5. 00:09:10

Form Wrapper Component
Урок 6. 00:09:46

Field Wrapper Component
Урок 7. 00:08:58

TextInput Component
Урок 8. 00:03:52

Switch Component
Урок 9. 00:06:20

Pulling it Together: Signup Form
Урок 10. 00:04:32

Bonus: Automatic Snapshot Tests

https://dribbble.com/shots/3821373-Form-Validation-Interaction-Design

https://coursehunters.online/t/building-a-component-library-with-storybook

Авторы

learn.handlebarlabs.com

Присоединяйтесь к тысячам студентов, чтобы стать мастером мобильной разработки с React Native.

Категории

Комментарии

Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Начало работы с React Storybook

egghead

04.01.2018

React.js

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

Getting Started with React Storybook

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

0 ч 3 мин

Английский

Посмотреть

-2

Изображение курса Сборка компонентов React с помощью Storybook за 30 минут или около того

udemy

13.08.2019

React.js

Сборка компонентов React с помощью Storybook за 30 минут или около того

Building React components with Storybook in 30 minutes or so

В этом курсе вы узнаете, как быстро собрать компонент React с помощью Storybook. Сначала вы узнаете, что такое Storybook и почему Storybook такой замечательный инструмент. Вы узнаете, как добавить Storybook в существующее приложение на основе Create-React-App и запустить его для загрузки всех историй в приложении.

1 ч 7 мин

Английский

Посмотреть

Изображение курса Создание библиотеки компонентов компании

fullstack.io

14.06.2021

React.js

Создание библиотеки компонентов компании

Building a Company Component Library

Этот курс научит вас создавать гибкую частную библиотеку компонентов корпоративного уровня с помощью React. С момента своего появления в 2013 году React стал одним из наиболее часто используемых интерфейсных фреймворков. Его компонентная архитектура и гибкость сделали его идеальным фреймворком для тех, кому нужно совместно использовать код в нескольких командах.

1 ч 55 мин

Английский

Посмотреть

+39

Изображение курса Преобразование Дизайна Figma в Компоненты ReactJS с помощью Storybook

udemy

25.04.2022

React.js Figma

Преобразование Дизайна Figma в Компоненты ReactJS с помощью Storybook

Convert a Figma design to ReactJS components using Storybook

В этом курсе вы узнаете, как сложные и крупномасштабные системы проектирования можно преобразовать в полноценные компоненты ReactJS. На протяжении всего курса вы узнаете, как профессиональные технологические компании внедряют свои системы проектирования и как вы можете сделать то же самое. Следуя рекомендациям, система дизайна будет преобразована из Figma в изолированные компоненты с помощью Storybook.

3 ч 10 мин

Английский

Посмотреть

+13

Изображение курса Storybook для создания приложений React

fullstack.io

28.09.2022

React.js

Storybook для создания приложений React

Storybook for building React apps

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

3 ч 16 мин

Английский

Посмотреть

+57