react-responsive VS React CSS Modules

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

Is this what you man by react css modules: https://github.com/gajus/react-css-modules

Are you talking about this depricated solution or the suggested alternative that is looking for maintainers?

I'm trying to setup a React project with react-css-modules, webpack and Hot Module Replacement. Everything is working like a charm but I can't get the CSS sourcemaps to work.

react-css-modules | Github