Lessons:9Length:42 minutes
If you want to add some life and engagement to your React app, animation is a great way to do it.
In this course, you'll learn how to add some sparkle to your web app with simple animations. Follow along with Stuart Memo and you'll build a basic to-do app, and then enhance it with UI animation. To start, you'll learn how to use React's built-in animation hooks. After you've become proficient with that, you'll move on to react-motion, a very popular and powerful animation library.
1.Introduction
1.1What Are We Building?00:54
1.1
What Are We Building?
00:54
2.Code the To-Do App
2.1Set Up a React Project03:06
2.1
Set Up a React Project
03:06
2.2Create a Basic To-Do App02:59
2.2
Create a Basic To-Do App
02:59
2.3Adding To-Do Items08:30
2.3
Adding To-Do Items
08:30
2.4Add Basic Styles06:32
2.4
Add Basic Styles
06:32
3.Animation
3.1React Transition Group07:27
3.1
React Transition Group
07:27
3.2Removing To-Dos04:41
3.2
Removing To-Dos
04:41
3.3The react-motion Library06:40
3.3
The react-motion Library
06:40
4.Conclusion
4.1Conclusion01:13
4.1
Conclusion
01:13
