Build an icon component library for React with SVGR and Rollup

Описание

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