by Stuart Memo
Lessons:9Length:42 minutes
Next lesson playing in 5 seconds
CancelFree Preview: How to Animate Your React App
What Are We Building?
00:54
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.Introduction1 lesson, 00:54
1 lesson, 00:54
Free Lesson 1.1What Are We Building?00:54
Free Lesson
1.1
What Are We Building?
00:54
2.Code the To-Do App4 lessons, 21:07
4 lessons, 21:07
Free Lesson 2.1Set Up a React Project03:06
Free Lesson
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.Animation3 lessons, 18:48
3 lessons, 18:48
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.Conclusion1 lesson, 01:13
1 lesson, 01:13
4.1Conclusion01:13
4.1
Conclusion
01:13
Subscribe to watch full course
Subscribe to watch full course