El estado del desarrollo web según Platzi - Estefany Aguilar, Estefany Salas, Nicolas Molina

La conversación reúne a especialistas de Platzi y la industria para trazar un mapa claro del estado del desarrollo web: design systems, web components, microfrontends, rendimiento con Core Web Vitals, el auge de FastAPI, la llegada de HTTP/3 con QUIC, interfaces de voz, WebAssembly y el crecimiento de TypeScript. Aquí tienes las ideas clave explicadas con claridad, foco práctico y vocabulario que sí importa.

¿Qué tendencias marcan el desarrollo web?

La construcción de productos escalables hoy pasa por estandarizar, medir y elegir con criterio. Se subraya la necesidad de componentizar, documentar y desacoplar para acelerar equipos y mantener calidad.

¿Cómo escalan los design systems y web components?

Un design system funciona como una “fuente de verdad” que alinea diseño y desarrollo, acelera la iteración y asegura consistencia visual. Empresas como Google, Uber o Airbnb ya los usan, y en Platzi se construye uno propio para documentar bloques reutilizables y mejorar la experiencia al construir sobre una base común.

• Un solo lenguaje visual compartido por equipos.
• Componentes portables en distintos frameworks.
• Menos deuda de mantenimiento y más velocidad.

Los web components permiten compartir componentes sin importar si el equipo usa Angular, React o Vue. Se citan casos como Carbon Design System de IBM para distribuir un solo paquete a toda la compañía. Se menciona un reto práctico: el encapsulamiento de estilos de web components puede chocar con utilidades como Tailwind CSS.

¿Cuándo convienen los microfrontends y qué costos tienen?

Los microfrontends dividen el frontend en piezas independientes, útiles para equipos con autonomía tecnológica y despliegues desacoplados. Ventajas: independencia por dominio y fallas parciales que no tiran todo el producto.

• Implementaciones por enrutamiento, iframes o Module Federation de Webpack.
• Riesgo de sobreingeniería si el equipo es pequeño.
• Decidir por caso de uso, no por moda.

¿Qué elegir entre frameworks y performance?

Se habla de Next.js y cambios en Angular hacia Incremental DOM para mejorar rendimiento móvil, mientras que en React el JavaScript puede cargar hasta cuatro veces más lento en móvil que en desktop. Svelte compila plantillas y reduce el bundle size, ganando en dispositivos con pocos recursos.

• Usar Vanilla JavaScript en estáticos es lo más rápido.
• Los frameworks agregan seguridad y ergonomía a cambio de costo en performance.
• Elegir tecnología según el producto y el contexto.

¿Cómo medir y optimizar la experiencia?

El rendimiento real se valida con métricas de usuario. Aquí brillan los Core Web Vitals y prácticas para no sobrecargar CSS ni JavaScript.

¿Por qué importan los Core Web Vitals?

Se destaca el trabajo con web vitals para detectar problemas de CLS y LCP, y el objetivo de que la carga no supere 2.5 s. Lighthouse ahora resume en métricas esenciales lo que antes era una lista extensa: rendimiento inicial y ausencia de saltos visuales.

• Priorizar CLS y LCP como indicadores de UX.
• Reducir peso de CSS y JavaScript.
• Medir impacto real, no solo laboratorio.

¿Qué pasa en backend con FastAPI, Django y Flask?

En Python, los más usados siguen siendo Flask y Django, con FastAPI creciendo y alcanzando cerca de 15 % entre desarrolladores web de Python. Se enfatiza que FastAPI mejora seguridad y velocidad, y simplifica el despliegue, incluso de modelos de machine learning.

• Backend más rápido y sencillo de desplegar.
• API breve y moderna con tipado.
• Enfoque práctico para pasar de local a la nube.

¿Qué tecnologías emergen y por qué importan?

La infraestructura de red y la capa de ejecución del navegador están cambiando lo posible en la web. Más ancho de banda, nuevos protocolos y ejecución de bajo nivel empujan experiencias antes impensables.

¿Cómo impactan 5G y HTTP/3 QUIC?

Se explica que HTTP/2 multiplexa sobre TCP, pero sufre bloqueos cuando se pierde un paquete. HTTP/3 usa QUIC sobre UDP con flujos independientes: si un flujo se retrasa, los demás siguen, reduciendo esperas.

• Menos latencia y bloqueos por flujo.
• Mejoras notables para streaming y descargas.
• Alineado con el despliegue de 5G.

¿Qué rol tendrán las interfaces de voz?

Las interfaces por voz pasan de la comodidad al acceso universal: control para personas con movilidad reducida y uso sin contacto en contextos sanitarios. La app de Platzi integra voz en ejercicios de inglés para practicar pronunciación.

• Comandos sin tocar pantalla.
• Inclusión y accesibilidad desde el diseño.
• Evaluación de pronunciación en tiempo real.

¿Para qué sirve WebAssembly en la web moderna?

Ya hay productos como Figma que usan WebAssembly para correr funcionalidades de alto rendimiento en el navegador. Se anticipan editores de video, videojuegos intensivos en CPU y apps complejas ejecutándose de forma nativa en la web. Se menciona AssemblyScript para escribir WASM con TypeScript, que gana adopción amplio.

• Ejecución cercana al hardware en el navegador.
• Apps pesadas con performance consistente.
• TypeScript creciendo como estándar de productividad.

¿Qué oportunidades abren blockchain y cripto en la web?

Se recomienda aprender Bitcoin y blockchain: desde financiación con NFT hasta redes sociales descentralizadas como Steemit o Diáspora, donde el contenido no puede ser censurado por un único actor.

• Propiedad y verificación distribuidas.
• Nuevos modelos de publicación y monetización.
• Diseño de productos resistentes a la censura.

¿Tienes experiencias con design systems, Core Web Vitals o WebAssembly? Cuéntalas y enriquezcamos la discusión con casos reales y retos que estés enfrentando.