use-media VS use-http

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.

As I was searching through the codebase and writing the components for my current work ticket, I came across some useful custom hooks from a number of third-party libraries like react-use, usehooks-ts, Mantine. But there are for sure other similar libraries out there such as use-http, react-hanger and many more.

Github Docs

use-http - 🐶 React hook for making isomorphic http requests

use-http is a popular package that is used as a replacement for Fetch API. It's a well maintained library and easy to integrate in a few lines of code. Hooks written in TypeScript and support Server Side Rendering (SSR) and GraphQL. It returns a response, loading, error data and work with different request methods, Get, Post, Put, Patch and Delete.