Город МОСКОВСКИЙ
00:21:23

Build an icon component library for React with SVGR and Rollup

Аватар
Искусство CSS
Просмотры:
29
Дата загрузки:
26.11.2023 05:41
Длительность:
00:21:23
Категория:
Технологии и интернет

Описание

Learn how to build your own SVG icon component library for React! In this video, we use SVGR and Rollup to make a publishable NPM package, with components generated directly from your SVG files.

Code: https://github.com/mryechkin/acme-icons

Timestamps:

00:00 Intro
00:20 Project Setup
01:04 SVGR Overview
01:43 Adding SVGR
05:59 Rollup / Plugins Overview
07:46 Adding Rollup
08:12 Rollup Config
10:17 Babel Plugins
11:20 Babel Presets
12:15 Updating NPM Scripts
13:54 Adding Babel Config
16:14 Rollup Filesize Plugin
17:35 Using The Bundle In An App

GitHub: https://github.com/mryechkin
Twitter: https://twitter.com/mryechkin

Рекомендуемые видео