use-media VS awesome-react-hooks

not react, but i did something similar in svelte: https://github.com/afreidz/t9r/blob/bca2a25c031204b107e5b7013b4306ac961b2420/frontend/src/lib/theme.ts#L3 the key being resolveConfig ... i used this lib on a react project to add those TW values into a hook for conditional rendering: https://github.com/streamich/use-media

Github

use-media - useMedia React hook to track CSS media query state

Have you ever faced the issue of managing CSS media query? useMedia hook simplified this problem in a line of code. It's a sensory hook which tracks the state of CSS media query and helps you to design & develop responsiveness apps.

Sure here's the docs for custom hooks. And here are many examples of custom hooks for data fetching/storing/syncing, theme switching, resize, etc. Basically it abstracts away the how and just gives you the data. awesome hooks

awesome-react-hooks A curated resource of react hooks

Just the built-in ones are mandatory. The custom hooks are used when u need it. Here is a list of custom hooks if u ever need to use one. Hooks

react-use * ⭐️ 29.6k / 🔽 958k ahooks * ⭐️ 9.1k / 🔽 74k awesome-react-hooks * ⭐️ 8.1k / 🔽 74k usehooks-ts * ⭐️ 1.6k / 🔽 44k react-recipes * ⭐️ 850 / 🔽 1.2k react-hanger * ⭐️ 1.8k / 🔽 3.3k

Awesome React Hooks

General

- You can make custom hooks to help abstract stateful logic out of components into re-usable chunks based on your needs several incredible examples out there, but take a look at this collection of links: rehooks/awesome-react-hooks: Awesome React Hooks (github.com)