I got tired of bloated React libraries, so I built two tiny ones
I've been building React apps for years, and two things kept frustrating me: Every animation library I tried was either too heavy, caused unnecessary re-renders, or was painful to sequence. And every date picker pulled in date-fns or moment.js just to format a date. So I stopped looking and started building. The result is ReactZero — a family of zero-dependency React primitives that are tiny, accessible, and easy to drop in. Here's what I've shipped so far: @reactzero/flow — animation orchestration for React Most animation libraries in React drive animations through state, which means every frame triggers a re-render. @reactzero/flow skips all of that by running animations directly on the browser's compositor thread via the Web Animations API. The API is built around composable primitives: import { useSequence , animate } from " @reactzero/flow " ; function Card () { const box = useRef ( null ); const { play } = useSequence ([ () => animate ( box . current , [{ opacity : 0 }, { opacity
Continue reading on Dev.to React
Opens in a new tab




