React Components: Animated Spinner
Animations: loading spinner
Welcome to Part 6 of the React Components workshop series!
This is a series in six parts:
Setup: files and shadows
Props and TypeScript
Delegated props
Centering: Card component
Variants: Button component
(this week) Animations: loading spinner
For the final workshop of this series, we’ll be completing the Spinner icon, including a spinning animation — and a reduced-motion animation for folks who have tagged themselves as prefers-reduced-motion.
You can see the entire workshop (and solution) on the HoWD Newsletter site. As always, I’d ❤️LOVE❤️ to hear your feedback! Reply to this mail or tag me on LinkedIn or Twitter.
Know someone who wants to practice CSS animations? Please pass this newsletter along! 📬
