Comprendiendo los Frameworks JavaScript Modernos: De los Principios Fundamentales a la Arquitectura Avanzada
Objetivo del Curso: No aprender a usar frameworks específicos, sino entender cómo y por qué funcionan, preparándote para cualquier framework presente o futuro.
- 00 - Introducción: La evolución del desarrollo web y por qué existen los frameworks
- 01 - UI Web: El DOM, templates vs JSX, reconciliación y event handling
- 02 - HTTP y Cliente-Servidor: Paradigmas de renderizado, hidratación vs resumability, server components
- 03 - Componentes, Árboles y Estado: Evolución de componentes, props vs estado vs contexto, patrones avanzados
- 04 - Compiladores: Transpiladores, bundlers, optimizaciones y module federation
- 05 - Virtual DOM: Implementación del VDOM, React Fiber, reconciliación incremental
- 06 - Signals: Fine-grained reactivity, implementación de signals, comparación con VDOM
- 07 - Pre-Render Parcial: SSG, ISR, Partial Pre-rendering
- 08 - Enrutamiento: Client-side routing, server-side routing, file-based routing
- 09 - Streaming y Suspense: React Suspense, streaming SSR, diferimiento
- 10 - Lazy Loading: Code splitting, prefetching, intersection observer
- 11 - RPCs: Server actions, tRPC, Qwik server$
- 12 - Stack Dive: Proyectos prácticos, recursos y conclusión
- Desarrolladores que quieren entender frameworks a nivel profundo
- Arquitectos que necesitan tomar decisiones técnicas informadas
- Líderes técnicos que evalúan frameworks para sus equipos
- Contribuidores de frameworks open source
- Educadores que enseñan desarrollo web moderno
Sigue los módulos en orden del 00 al 12. Cada lección construye sobre conceptos anteriores.
Si ya tienes experiencia, puedes saltar a temas específicos:
- ¿Optimización? → Módulos 04, 05, 06
- ¿Renderizado? → Módulos 02, 07, 09
- ¿Estado? → Módulos 03, 06
- ¿Full-stack? → Módulos 02, 11
Complementa cada lección con los proyectos del módulo 12.
El módulo 12 incluye 4 proyectos para construir desde cero:
- Mini Framework Reactivo: Sistema de signals completo
- Router con Code Splitting: Navegación con lazy loading
- SSR + Hydration: Renderizado isomorfo
- Virtual DOM: Implementación completa con reconciliación
El archivo curso-frameworks-js-modernos.md contiene todo el contenido en un solo documento para:
- Búsqueda rápida de conceptos
- Lectura offline
- Impresión o exportación
- Todo es un trade-off: No hay soluciones perfectas
- La abstracción tiene costo: Cada capa añade complejidad
- El rendimiento percibido importa más: UX sobre benchmarks
- La DX influye en la calidad: Herramientas mejores = mejor producto
- Los frameworks convergen: Las buenas ideas se comparten
- Compilación más agresiva: Optimizaciones en build-time
- Signals everywhere: Reactividad fine-grained universal
- Server-first con gran UX: Balance entre SSR y CSR
- AI-assisted development: Herramientas inteligentes
- Web Components renaissance: Estándares web nativos
preact/preact- Virtual DOM simple y elegantesolidjs/solid- Signals y compilación avanzadaBuilderIO/qwik- Resumability innovadora
- Discord de cada framework
- Reddit: r/reactjs, r/vuejs, etc.
- Twitter: Sigue a los core contributors
MIT
Este curso está en constante evolución. Si encuentras errores o tienes sugerencias:
- Abre un issue con tu feedback
- Sugiere mejoras o contenido adicional
- Comparte tus proyectos basados en estas lecciones
"No se trata de conocer todos los frameworks, sino de entender los principios que los gobiernan. Con este conocimiento, cualquier framework es solo otra herramienta en tu arsenal."
Versión: 1.0.0
Última actualización: Noviembre 2024