Video: Reusable Animated Router
Advanced Animating React with Framer Motion
17 videos
Released:
Instructor
Scott Tolinski
AutoPlay
-
1. What's New In Framer Motion 2
4m14s
-
2. Abstracting Animations
10m28s
-
3. Enhanced Abstractions
8m42s
-
4. Animating Flexbox With Layout
13m33s
-
5. Scale Correction
6m51s
-
6. Loading Loop
11m43s
-
7. Loading Takeover Transition
10m48s
-
8. Draggable Drawer
17m55s
-
9. Enhanced Drawer
10m32s
-
10. Draggable List
15m59s
-
11. Drag List with Handle
7m57s
-
12. Login Window
14m52s
-
13. Reusable Animated Router
10m40s
-
14. Repeat Options
8m19s
-
15. Count Down
10m16s
-
16. Two Way Drawer
8m57s
-
17. Where To Go From Here
5m27s
Reusable Animated Router
In this video, we will make a custom React Router setup which will allow us to have animated layout transitions on route change.
Code Starter: React Router Starter