frontend
Recursos prácticos sobre frontend para ingenieros de software.
65 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 State Machine UI: Finite State Machines
Cómo modelar UI state transitions con finite state machines en React. Cubre XState, statecharts,...
Patrón Suspense Boundary
Cómo usar React Suspense boundaries para declarative loading states. Cubre data fetching, streaming...
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 Auditoria de Core Web Vitals
Checklist para auditar Core Web Vitals por pagina: LCP optimization steps, INP interaction tuning,...
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 sobre feature flags: patrones de implementación, rollouts progresivos, kill switches,...
WCAG 2.2 Accesibilidad — Guía para Desarrolladores
Guía práctica de cumplimiento WCAG 2.2: perceptible, operable, comprensible y confiable, con...
Accesibilidad Web: WCAG 2.2
Dominá accesibilidad web con WCAG 2.2: roles ARIA, navegación por teclado, soporte para screen...
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...
CSS Grid y Flexbox
modern CSS layout con Grid y Flexbox. Cubre grid templates, areas, subgrid, responsive layouts,...
Layout CSS Moderno: Grid, Flexbox, container queries
Dominá modern CSS layout: CSS Grid, Flexbox, container queries, subgrid, logical properties y...
Diseño Mobile Responsive
Construye layouts responsive que funcionan en cualquier dispositivo. Cubre CSS Grid, Flexbox,...
React 19 Features
React 19 features. Cubre server components, use() hook, actions, form actions, useActionState,...
Optimización de Performance en React
Optimiza apps de React para velocidad. Cubre memoization, virtualization, code splitting, bundle...
React Server Components: Arquitectura RSC
Dominá React Server Components: arquitectura RSC, data loading, streaming, server actions y client...
Gestión de Estado en React: Context, Zustand, TanStack Query
Dominá React state management: Context API, Zustand, Jotai y TanStack Query para server state....
TypeScript Advanced Types
Dominá TypeScript advanced types: conditional types, mapped types, template literal types, infer,...
Web Performance y Core Web Vitals
Optimizar Core Web Vitals. Cubre LCP, INP, CLS measurement y improvement, image optimization, font...
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...
No se encontraron resultados.