Tenemos una sección en la página que debe ocultarse en pantallas de teléfonos pequeños y aparecer en pantallas más grandes.

La forma más fácil de hacerlo sería usar consultas de medios CSS.

 .section { display: none; } @media (min-width: 900px) { .section { display: block; } }

Sin embargo, esto mantendría la sección en el DOM, lo que podría hacerla menos eficiente.

Alternativamente, podríamos alternar la existencia de la sección usando un estado en nuestro marco de JavaScript (Reaccionar en nuestro caso, pero no es importante para la pregunta).

Mi pregunta es: ¿cuándo es mejor usar uno y cuándo está bien usar el otro?