SVG illustrations as React Components
summary
Claims that inline SVGs let components be animated and highly customizable using import as a React component (create-react-app or SVG R) or by convert to JSX and splitting into subcomponents. Uses Sketch to prepare art, pop motion for animation and the Web Audio API to record — the cassette tape demo records and animates wheels. Painful manual conversion is avoidable with tools. Result: a reusable react Kauai library (npm) with props for mood size and color, plus code-splitting and event handlers.
AI-written summary · about
chapters (7)
- 0:00Start
- 2:59Why should you use an SVG?
- 4:22SVG Illustrations as Components
- 4:32Import as React Component
- 6:01Transform into JSX
- 12:15Cassette Tape Demo
- 15:57Face Component
