Tecnología de frontend
Notas técnicas del área de frontend, que cubren frameworks, ingeniería, estilos, rendimiento y principios del navegador, y se irán ampliando conforme avance el aprendizaje.
Contenido incluido
- Vue 3 — Composition API, principios de reactividad, selección de ecosistema
- React — Conceptos básicos, Hooks, gestión de estado
- Herramientas de construcción — Vite, Webpack y configuración de ingeniería
- Soluciones de estilos — Tailwind / UnoCSS, características modernas de CSS
- Testing — Vitest, pruebas de componentes y E2E
Lista de planificación
| Tema | Descripción | Estado |
|---|---|---|
| Vue 3 | Principios de reactividad, Composition API, ecosistema (Pinia/Router/VueUse) | En planificación |
| React | Modelo mental de Hooks, características de concurrencia, selección de gestión de estado | En planificación |
| Angular | Arquitectura modular, inyección de dependencias, programación reactiva con RxJS | En planificación |
| Svelte | Framework de compilación, reactividad de grano fino, SvelteKit full-stack | En planificación |
| Astro | Arquitectura de islas orientada al contenido, generación de sitios estáticos | En planificación |
| Práctica de TypeScript en ingeniería | Type gymnastics, genéricos avanzados, restricciones de ingeniería | En planificación |
| Herramientas de construcción | Mecanismo de plugins de Vite, principios de Webpack, división de código y caché | En planificación |
| Soluciones de estilos | Tailwind / UnoCSS, CSS Modules, design tokens | En planificación |
| Optimización de rendimiento | Rendimiento de renderizado, tamaño del bundle, métricas de primera pantalla (LCP/INP) | En planificación |
| Principios del navegador | Pipeline de renderizado, bucle de eventos, almacenamiento y seguridad | En planificación |
| Microfrontends y arquitectura | Module Federation, organización de Monorepo | En planificación |
| Testing | Estrategias de prueba unitaria/de componentes/E2E | En planificación |
| Seguridad de frontend | XSS, CSRF y seguridad de la cadena de suministro de dependencias | En planificación |
Normas de redacción
- Cada artículo se centra en un punto técnico e incluye «conceptos básicos → ejemplo de código → errores comunes → enlaces de referencia»;
- Los ejemplos de código deben ser ejecutables e indicar la versión aplicable;
- Los nombres de archivo usan guiones cortos (por ejemplo,
vue-reactivity.md), y tras crearlos se registran en la barra lateral deconfig.mjs.