FREELessons: 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.
We've built comprehensive guides to help you learn JavaScript and React, whether you're just getting started or you want to explore more advanced topics.
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
