mizzle
Use Content Heightuse-content-heightThe live height of an element's content, for a container that animates its height to fit as the content opens, closes or grows. Includes a settled flag so a section that starts open does not animate in.
Use Data Grid Filtersuse-data-grid-filtersHolds the Data Grid's filters and the actions that change them, keeping each operator in step with how many values it has. Works out every column's options, counts and number range from the rows, or takes them from a server. Renders nothing, so the same state can drive a table, a query or a URL.
Use Debounced Callbackuse-debounced-callbackWraps a callback so it runs once the calls stop for a given time, always with the newest arguments and the newest callback. A call still waiting when the component unmounts runs then, so the last keystroke before a popover closes is not lost.
Use Entranceuse-entranceDecides when a CSS entrance plays: a frame after mount, or when the element scrolls into view. Returns a boolean to put on a data attribute; includes a small useInView.
Use Latestuse-latestA ref that always holds the newest value of a prop or callback, updated after each render. Lets an effect or a subscription call the latest callback without re-running whenever its identity changes.
Use Merged Refuse-merged-refPoints several refs at one element, so a component can keep its own ref and still honour the one passed to it. Supports object refs, callback refs and React 19 ref cleanups.
Use Outgoinguse-outgoingKeeps the content that was just replaced for the length of its exit, so it can fade out in CSS while the new content fades in. Give it a key and what is shown under that key; it returns the previous pair until the duration has passed.
Use Reduced Motionuse-reduced-motionWhether the visitor has asked for reduced motion, as a boolean that is safe to read while rendering: false on the server and during hydration, then the real setting, and it updates if the setting changes.
Use Scroll Progressuse-scroll-progressHow far the page, or a scroll container, has been scrolled, from 0 to 1, kept current as it scrolls or resizes, with a setter that scrolls it to a fraction. Vertical by default. Pairs content with a progress indicator or a scrubber.