paperclip VS react-responsive

Here's the website: https://paperclip.dev/

Project page: http://paperclip.dev/

Note it's in closed beta.

There are NPM packages like react-responsive that provide custom hooks for easy usage of Media Queries:

Are people using libraries like react-responsive, using tailwind css's breakpoints, or writing plain old media queries using css.

You can try this out. Also check out React responsive.

You can use react-responsive for JS media queries. Then pass props conditionally based on the media query. Alternatively make a "responsive" boolean prop and apply styles with Tailwind's responsive helpers if the prop is true.

The responsive layouts don't have to be similar at all. With a library like https://github.com/yocontra/react-responsive you can use media queries to completely switch to different components using a HOC.

Check out: react-responsive

I have personally made use of a few different things ranging from media queries directly in whatever CSS you've written or a library like react-responsive which makes it much easier to render (or not render) specific UI based on whatever screen size your app is currently being rendered on using conditional rendering. If you're using a UI library like Material UI, it most likely already has a hook for managing the content size based on the size of the media that you can use. See Material UI: useMediaQuery.

There's this pkg that makes media queries pretty easy react-responsive

11. React Responsive