Dynamic States

The heartbeat of high-performance animation. This laboratory investigates MotionValues—low-level controls that react to state and scroll position without the overhead of component re-renders.

Lab 2 - Hover-Linked Scale

Create a button that scales up when hovered, using useMotionValue.

Create a motion.button.
Use useMotionValue to control the scale of the button.
Update the scale value on hover and reset it when not hovered.

Scale: 1.00