Категории
- 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: 13 USD
Rating: 5 (8 reviews)

Building a Component Library with Storybook

learn.handlebarlabs.com

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

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

1 ч 10 мин

Категория

React.js

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

10 Видео

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

6 апр. 2020 г., 19:39

Язык

Английский

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

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

Как настроить 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

learn.handlebarlabs.com

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

Категории

Комментарии

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

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

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

egghead

4 янв. 2018 г., 23:49

React.js

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

Getting Started with React Storybook

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

0 ч 3 мин

Английский

Посмотреть

-2

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

udemy

13 авг. 2019 г., 06:55

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 мин

Английский

Посмотреть

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

newline (ex fullstack.io)

14 июн. 2021 г., 15:24

React.js

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

Building a Company Component Library

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

1 ч 55 мин

Английский

Посмотреть

+39

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

udemy

25 апр. 2022 г., 14:51

React.js Figma

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

Convert a Figma design to ReactJS components using Storybook

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

3 ч 10 мин

Английский

Посмотреть

+13

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

newline (ex fullstack.io)

28 сент. 2022 г., 00:37

React.js

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

Storybook for building React apps

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

3 ч 16 мин

Английский

Посмотреть

+58