HTML, CSS y JS vanilla: ¿vale la pena frente a los frameworks actuales?

Si llevas tiempo en esto, seguro que has oído de todo: “usa React”, “Vue es la mejor”, “Svelte lo compila todo y vuela”. Y está bien: los frameworks traen soluciones útiles. Pero antes de saltar al hype, recordemos lo básico: HTML, CSS y JavaScript puro (vanilla) son la raíz de todo. Aprenderlos y saber cuándo usarlos te hará mejor desarrollador y te ahorrará dolores de cabeza.

¿Por qué seguir apostando por lo básico?

Control y simplicidad. Con HTML, CSS y JS tienes control total del markup, estilos y comportamiento; nada oculto ni capas innecesarias. Eso hace el código más ligero y fácil de depurar en proyectos pequeños o medianos.

Rendimiento y tamaño. Una página sin dependencias carga más rápido y consume menos datos —ideal para landing pages, portfolios y clientes con conexiones limitadas.

Independencia de ecosistemas. No dependes de actualizaciones, rupturas de versión ni migraciones forzadas por cambios de librería.

Fundamento para todo lo demás. Entender cómo funciona el DOM, el flujo de repaints, el modelo de caja y los eventos te permite usar frameworks con criterio y solucionar problemas que otros no sabrán ver.

Cuándo vanilla es la mejor opción

Sitios simples o con poca interactividad: landing pages, microsites, portfolios, páginas de producto.

Prototipos rápidos o validación de ideas: cuando quieres probar demanda sin armar infraestructura compleja.

Proyectos donde la prioridad es rendimiento y tamaño mínimo.

Freelance o proyectos con presupuesto ajustado: menos dependencias, menor complejidad de despliegue y mantenimiento.

Cuándo elegir un framework moderno

Aplicaciones complejas: SPAs con estado compartido, rutas, autenticación, gestión avanzada de datos.

Equipos grandes: los frameworks imponen convenciones que facilitan colaborar y mantener código consistente.

Necesidades específicas: server-side rendering, generación estática, optimizaciones automáticas o ecosistemas con integraciones (ej. Next.js para React).

Productividad en features avanzadas: componentes reutilizables, paquetes, CLI y ecosistema amplio que agilizan el desarrollo.

Mitos sobre usar vanilla

Hay varios mitos alrededor de usar HTML, CSS y JavaScript vanilla que vale la pena dejar atrás. Uno de los más comunes es pensar que trabajar sin frameworks ya es anticuado, cuando en realidad sigue siendo la base de todo desarrollo web. También se suele creer que un framework siempre será más rápido o más profesional, pero eso no necesariamente es cierto. Muchas veces, la verdadera diferencia está en saber elegir la herramienta adecuada según el proyecto, no en seguir una tendencia por costumbre.

Para decidir en la práctica, lo primero que yo me preguntaría es qué tan complejo es el proyecto. Si se trata de una página sencilla, una landing o un sitio con poca interacción, probablemente vanilla sea más que suficiente. Después pensaría si voy a trabajar solo o en equipo, porque cuando hay varias personas involucradas, un framework puede ayudar mucho a mantener orden y consistencia. Y por último, tomaría en cuenta si la velocidad de carga y el peso del proyecto son importantes, porque en esos casos trabajar con menos capas puede marcar una gran diferencia.

Mezclar es la jugada inteligente

No es blanco o negro. Muchos proyectos se benefician de un enfoque mixto: HTML/CSS/JS vanilla para la base y pequeñas interacciones; componentes o micro-frameworks donde la complejidad lo exige. También puedes usar framework solo en partes concretas (islands architecture), o compilar con herramientas que transforman componentes a JS ligero (Svelte, por ejemplo).

Consejos prácticos para freelancers y emprendedores

Empieza con vanilla para validar ideas; si crece la necesidad, migras partes al framework que mejor encaje.

Cuida la performance desde el inicio: optimiza imágenes, minimiza JS y aplica carga diferida (lazy loading).

Documenta decisiones y dependencias: facilita mantenimiento y evita “cajas negras” que el cliente no podrá sostener.

¿Qué conclusión sacamos de todo esto?

Sí vale la pena usar y dominar HTML, CSS y JS vanilla: te dan control, rendimiento y una base sólida. Pero no los veas como un fin absoluto; los frameworks son herramientas poderosas cuando el proyecto y el equipo los requieren. La clave es elegir con criterio y mezclar lo mejor de ambos mundos.