JS alternative to media query?

Question

JavaScript

instead of a media query, it is quite possible to check the screen size on js and connect the desired style
, it seems to me that this is quite a good alternative -
this is how imperative programming is used instead of declarative
and the result is the same
how often is this method used in nature?
what are the disadvantages of this method?

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}

Answer 1

The best practice is NOT to use JS if it is possible to implement this functionality with CSS. The performance of CSS is many times higher than JS.

Answer 2

You can also set media qveri in JS. But in general, nothing prevents stupidly looking at the width of the window.

Answer 3

this is how imperative programming is used instead of declarative

Here is your disadvantage.
Instead of delegating the dumb work to the browser, you do it yourself.

how often is this method used in nature?

Only when there is no other way out.

Answer 4

how often is this method used in nature?

It all depends on the task and the browser. If you want a special dependency, then implement it through JS, something simple through media queries.
It probably just takes longer to implement. Performance, if you hint at it, depends on the implementation, so it’s impossible to say for sure