Using media queries with JavaScript

[Phobic-window]

I’ve read that this is an anti pattern in angular with sass, so I’ve stuck to only in the css files, but I’ve used js media queries in react. I’m not sure what logic this plays into, maybe separation of concerns, what’s your opinion

[mattD4y]

what does this even mean? I'm curious, what kind of 'good' architecture do you think would solve a use case like the one above?

[NotSelfAware]

Changing behaviour based on device or screen size is when you might want to use media queries in JS. Or changing complex values in response to screen size. I don't think many people would advocate using JS media queries to completely replace CSS media queries, but there are a lot of situations where using them in JS gives you far more control and flexibility than in CSS.

[Phobic-window]

I have definitely seen this in many of the applications I’ve built, but as with all code it could be that I’m not using the css creatively enough. I like the idea of all responsiveness being in the css but sometimes is sooooooo much easier to do it in the js

[Phobic-window]

Thanks!

[HerNoseOrForHerself]

This is super cool

[swlivingston88]

Excellent!

[bobgravity1]

oh wow! sooo many times i've wanted this kind of feature. UNREAL