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.Introduction1 lesson, 00:54
1 lesson, 00:54
1.1What Are We Building?00:54
1.1
What Are We Building?
00:54
2.Code the To-Do App4 lessons, 21:07
4 lessons, 21:07
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.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
Stuart Memo is a programmer and musician who believes that JavaScript is the new Punk Rock. He lives and works in Glasgow, Scotland where he spends much of his time making projects with silly names.