frontend
Recursos prácticos sobre frontend para ingenieros de software.
63 resultados
Construyendo Interfaces de Usuario Rápidas y Accesibles
El desarrollo frontend es más que bibliotecas de componentes. Los presupuestos de rendimiento, cumplimiento de accesibilidad, gestión de estado y mejora progresiva determinan si los usuarios se quedan o se van.
Este tema cubre patrones para web components, estrategias de gestión de estado, auditorías de accesibilidad con WCAG y técnicas de optimización de rendimiento. Los recursos incluyen tanto principios agnósticos de framework como implementaciones específicas para stacks modernos.
Patrón Suspense Boundary
Cómo usar React Suspense boundaries para declarative loading states. Cubre data fetching, streaming...
Checklist de Auditoría de Accesibilidad
Una lista de verificación de cumplimiento WCAG 2.2 que cubre los criterios perceptible, operable,...
Plantilla de Documentación de API de Componentes
Una plantilla para documentar las APIs de componentes UI: props, eventos, slots, métodos,...
Plantilla de Performance Budget para Frontend
Plantilla para definir budgets de JS, CSS, imágenes y fuentes por ruta, con un método para elegir...
Checklist de Auditoría de Core Web Vitals
Checklist para auditar Core Web Vitals por página: pasos de optimización de LCP, ajuste de...
Plantilla de Performance Budget
Plantilla para definir y enforcear web performance budgets: LCP, INP, CLS targets, resource budgets...
Feature Flags: Release Progresivo y Experimentación Segura
Guía práctica de feature flags: patrones de implementación, rollouts progresivos, kill switches,...
WCAG 2.2 Accesibilidad: Guía para Desarrolladores
Una guía práctica de cumplimiento WCAG 2.2: los cuatro principios POUR, ARIA, navegación por...
Optimización del Bundle JS: Guía Práctica Frontend
Guía práctica para medir y reducir el tamaño del bundle JavaScript con tree shaking, code...
Guía Completa de CSS Grid y Flexbox
Domina el layout CSS: Grid vs Flexbox, template areas, subgrid, container queries, propiedades...
Guía Completa de Diseño Responsive para Móviles
Construye layouts que funcionan en cualquier pantalla: breakpoints mobile-first, Grid, Flexbox,...
Guía Completa de las Características de React 19
Un recorrido práctico por React 19: componentes de servidor, el hook use(), actions, ref como prop,...
Guía completa de optimización de rendimiento en React
Optimiza aplicaciones React: memoización, virtualización, división de código, análisis del bundle,...
Guía Completa de React Server Components: Arquitectura RSC
Un recorrido profundo por React Server Components: el payload RSC, las fronteras servidor-cliente,...
Gestión de Estado en React: Zustand, Jotai y TanStack Query
Cómo elegir y combinar herramientas de gestión de estado en React: Context API, Zustand, Jotai y...
Tipos Avanzados de TypeScript: La Guía Completa
Tipos avanzados de TypeScript en profundidad: tipos condicionales, infer, mapped types, template...
Progressive Web Apps (PWA) — Referencia Detallada
Referencia Detallada para construir Progressive Web Apps: service workers, soporte offline, Web App...
Web Components — Custom Elements, Shadow DOM y Templates
Guía práctica de Web Components: crear elementos personalizables reutilizables, encapsular estilos...
Content Security Policy: cabeceras CSP, nonces, hashes
Desplegá Content Security Policy sin romper tu sitio: directivas CSP, nonces, hashes,...
Seguridad CORS: orígenes, cabeceras, preflight, credenciales
Cómo funciona CORS de verdad: política de mismo origen, preflight, cabeceras, credenciales,...
No se encontraron resultados.