Back to Track Overview
React 19

Animations, 3D & Graphics

Motion / Framer Motion, View Transitions API, Three.js, React Three Fiber, WebGL canvas

5 lessons•~150 min•+150 XP
Topic Progress
0%(0/5)
Remaining to learn: 5

Lessons in Module (5)

5 lessons in order
01

Motion (Framer Motion 11+) in React: FLIP Layout Transitions with layoutId and Gesture Physics

30 min•+30 XP
02

Native View Transitions API in React 19 and Seamless Morphing

30 min•+30 XP
03

React Three Fiber (R3F): Declarative 3D and WebGL in the Component Tree

30 min•+30 XP
04

Interactive Vector Graphics (SVG), Dashboards, and D3 in React

30 min•+30 XP
05

Micro-Interactions, Cursor Physics, and Haptic Audio Feedback

30 min•+30 XP
Previous Topic: Server Components & Native SSRNext Topic: Real-time, PWA & Local-First