Guides
Pick the job in front of you. Each guide explains the behavior, not just the syntax: what starts, what interrupts, and what is cleaned up.
- Values and styleOwn a value in a component, derive outputs with calc(), and choose where the CSS variable is written.
- Timing, springs and compositionChoose a driver, compose several, and know exactly what happens when one is stopped or replaced.
- Animated componentsRender ordinary elements that move to a destination, respond to gestures and depart gracefully.
- Input and gesturesWrite pointer, drag, scroll and other input into values, and let other values follow them.
- Enter, leave and layoutKeep leaving children until their motion ends, and animate position and size changes, including across components.
- TimelinesRun many tracks from one seekable clock: play, pause, seek, reverse and change the rate.
- Coming from React NativeWhat stays the same, what changes, and what the web adds.
- Performance and playbackHow Animated avoids work each frame, how to check which path an element uses, and how the numbers on the home page were measured.
- SSR, testing and productionServer rendering, hydration, tests and the cleanup rules you can rely on.