Главная
Study mode:
on
1
Intro
2
About Elizabet
3
What is an SVG
4
Wikipedia definition
5
Why is SVG different
6
SVG file size
7
How to use the SVG
8
Why would you do this
9
Importing React components
10
Inspecting SVG
11
Importing as React components
12
The bad thing about this method
13
The second way
14
Sketch
15
Shading
16
Config file
17
Aspect ratio
18
Frame Emotion
19
Motion
Description:
Discover how to animate an SVG cat using React.js in this 27-minute conference talk from React Live 2019. Learn about SVG fundamentals, including its definition, unique characteristics, and file size advantages. Explore different methods of incorporating SVGs into React components, including direct imports and the use of Sketch. Gain insights into shading techniques, configuration files, aspect ratio considerations, and the implementation of Frame Emotion and Motion libraries for creating captivating animations. Presented by Elizabet Oliveira, this talk offers practical knowledge for developers looking to enhance their React projects with engaging SVG animations.

Animating an SVG Cat with React.js

JSWORLD Conference
Add to list
0:00 / 0:00