Создаем NPM библиотеку UI компонентов. React, Typescript, Storybook. Публикуем на GitHub Packages

Uploaded By: Myvideo

Published on

15 Mar 2023

1 view

0

0 votes

0

About Share Download Add to

⬥Telegram-канал: ⬥Instagram: ⬥Репозиторий с кодом: ⬥Полезные материалы и упоминания из видео (начальный код, .npmrc файл, npm команды и др): Привет! В этом видео мы разработаем NPM библиотеку UI компонентов. Будем использовать такие технологии, как React, Typescript, Rollup, Storybook и др. Опубликуем библиотеку на GitHub Packages и установим ее через npm install. 00:00 - Начало. Зачем нужна библиотека UI-компонентов? 00:56 - Создаем GitHub-репозиторий 02:02 - Настраиваем конфигурацию rollup 26:22 - Настраиваем для публикации библиотеки на GitHub Packages 32:22 - Публикуем библиотеку на GitHub Packages 37:04 - Устанавливаем библиотеку через npm install 41:09 - Публикуем новую версию библиотеки с исправленным багом 52:53 - Дополнение к видео, добавляем Storybook. Что такое Storybook?

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/MEV5eHJwTUUxWmNUQzRHSVNCU3ZpK2xSNStqWlc4b1ZPY0tqN2NkTXl4TT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Настройка компьютера для новичка | NodeJS, NVM, NPM, IDE | Путеводитель по JavaScript и TypeScript

1 day ago

00:30:15

Настройка компьютера для новичка | NodeJS, NVM, NPM, IDE | Путеводитель по JavaScript и TypeScript

4 10%

Git Курс Для Новичков _ Создание Create React App _ Уроки по GIT #2

1 week ago

00:11:34

Git Курс Для Новичков _ Создание Create React App _ Уроки по GIT #2

11 47%

Gulp сборка - полная инструкция. HTML, SCSS, JS, webpack, babel, webp, сжатие графики, автопрефиксы

3 weeks ago

02:48:52

Gulp сборка - полная инструкция. HTML, SCSS, JS, webpack, babel, webp, сжатие графики, автопрефиксы

98 46%

Уроки Bootstrap / Как сделать модальное окно, всплывающее окно на сайте

3 weeks ago

00:07:47

Уроки Bootstrap / Как сделать модальное окно, всплывающее окно на сайте

20 32%

Создаем свой UI Framework. Webpack, StoryBook, публикуем в NPM

4 weeks ago

00:24:58

Создаем свой UI Framework. Webpack, StoryBook, публикуем в NPM

1 91%

Big JavaScript Projects - Code Sharing

1 month ago

00:08:00

Big JavaScript Projects - Code Sharing

1 26%

ES6 #07. JS Модули 1: Как сделать экспорт и импорт (пишем структуру проекта JavaScript).

1 month ago

00:10:13

ES6 #07. JS Модули 1: Как сделать экспорт и импорт (пишем структуру проекта JavaScript).

23 64%

Создание CLI на // Демо-занятие курса JavaScript Developer. Professional

2 months ago

01:36:03

Создание CLI на // Демо-занятие курса JavaScript Developer. Professional

19 47%

Epic One Hour Первый полет на Cypress стендап 1

2 months ago

01:11:17

Epic One Hour Первый полет на Cypress стендап 1

68 27%

Уроки React JS с нуля / #2 Создание проекта

5 months ago

00:10:29

Уроки React JS с нуля / #2 Создание проекта

1 39%

Создание 3Д сайта с помощью

8 months ago

00:06:36

Создание 3Д сайта с помощью

1 78%

Git Курс Для Новичков / Создание Create React App / Уроки по GIT #2

8 months ago

00:11:35

Git Курс Для Новичков / Создание Create React App / Уроки по GIT #2

8 53%

#4.1. React для НАЧИНАЮЩИХ (, npm init, scripts, build, start)

8 months ago

00:17:31

#4.1. React для НАЧИНАЮЩИХ (, npm init, scripts, build, start)

5 29%

Webpack ПОЛНЫЙ КУРС от А до Я. Вся конфигурация, Микрофронтенд, Монорепозиторий, Module Federation

9 months ago

03:33:49

Webpack ПОЛНЫЙ КУРС от А до Я. Вся конфигурация, Микрофронтенд, Монорепозиторий, Module Federation

1 5%

Установка DashMate (Дашмейт) с помощью .deb или npm

9 months ago

00:06:07

Установка DashMate (Дашмейт) с помощью .deb или npm

1 61%

Vite - Создание и публикация NPM пакета

11 months ago

00:39:38

Vite - Создание и публикация NPM пакета

8 34%

Dependency Inversion || storage package

12 months ago

00:10:02

Dependency Inversion || storage package

1 15%

НАСТРОЙ СВОЙ REACT ПРОЕКТ С ПОМОЩЬЮ WEBPACK | How to config webpack

1 year ago

00:10:39

НАСТРОЙ СВОЙ REACT ПРОЕКТ С ПОМОЩЬЮ WEBPACK | How to config webpack

1 28%

Создание взрывной галереи на JavaScript | Анимации JavaScript

1 year ago

02:46:53

Создание взрывной галереи на JavaScript | Анимации JavaScript

1 69%

Установка TailwindCSS

1 year ago

00:03:48

Установка TailwindCSS

1 54%

Виталий Ерофеев (MTC Digital) Единый подход к CI/CD Store

1 year ago

00:27:10

Виталий Ерофеев (MTC Digital) Единый подход к CI/CD Store

8 40%

Курс по Laravel+inertia+vue. Урок 2. Layout, Link, Meta, Route

1 year ago

00:17:44

Курс по Laravel+inertia+vue. Урок 2. Layout, Link, Meta, Route

18 34%

Курс по Laravel+inertia+vue. Урок 3. CRUD. Список и пагинация

1 year ago

00:18:58

Курс по Laravel+inertia+vue. Урок 3. CRUD. Список и пагинация

15 81%

Курс по Laravel+inertia+vue. Урок 6. Аутентификация

1 year ago

00:16:17

Курс по Laravel+inertia+vue. Урок 6. Аутентификация

32 22%

0 Comments

Guest