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.
State Management Reactivo con Svelte Stores
Cómo manejar estado reactivo en Svelte usando writable, readable, derived stores y custom stores...
Type Checking Exhaustivo con Discriminated Unions
Cómo usar discriminated unions de TypeScript para type checking exhaustivo, asegurando que todos...
Construir Utility Types Reutilizables con Generics
Cómo crear utility types reutilizables en TypeScript usando conditional types, mapped types,...
Data Fetching con Vue 3 Composition API
Cómo fetchear y manejar data en Vue 3 usando la Composition API con ref, computed, watch y...
Habilita compresión Brotli en Nginx para assets estáticos
Configura compresión Brotli en Nginx para reducir assets de JavaScript, CSS y HTML con mejores...
Rendimiento SPA: Code Splitting y Lazy Loading
Mejora tiempos de carga de single-page applications dividiendo bundles a nivel de ruta y...
Vitest Snapshot Testing para React
Cómo usar Vitest snapshot testing para detectar cambios no intencionados en la UI de componentes...
Abstract Factory para Familias de Componentes UI
Crea familias de objetos relacionados sin especificar clases concretas, permitiendo...
Patrón Bridge para Desacoplar Componentes UI de Temas
Separa la abstracción de su implementación para que ambas varien de forma independiente: el patrón...
Patrón Composite para Árboles de Componentes UI en React
Usa el Patrón Composite para componer objetos en estructuras de árbol, permitiendo que los clientes...
Patrón Mediator para Componentes UI Desacoplados
Reduce dependencias caóticas entre componentes UI introduciendo un mediador que centraliza la...
MVC Pattern en Aplicaciones Frontend Modernas
Aplica el Model-View-Controller pattern en aplicaciones React y Vue para separar datos, UI y logica...
Patrón de Hosting de Contenido Estático
Despliega archivos estáticos en una red de entrega de contenido o almacenamiento de objetos para...
Patrón Container-Presenter: separa los datos de la vista
Cómo separar la lógica de obtención de datos del renderizado en React con container-presenter....
Arquitectura CSS: Utility-First y Capas por Componente
Cómo organizar CSS con clases utility-first y capas con ámbito de componente. Cubre Tailwind CSS,...
Composición de custom hooks en React
Cómo componer lógica reutilizable con custom hooks de React. Cubre composición de hooks, arrays de...
Patrón Islands Architecture: Hidratación Parcial
Renderiza la página como HTML estático en el servidor e hidrata solo las islas interactivas. Cubre...
Patrón Optimistic Update: UI Inmediata, Reconciliar
Cómo actualizar UI inmediatamente y reconciliar en server response en React. Cubre rollback on...
Patrón Progressive Enhancement
Construye una base HTML funcional y añade capas de CSS y JavaScript encima. Cubre detección de...
Patrón State Machine UI: Finite State Machines
Cómo modelar UI state transitions con finite state machines en React. Cubre XState, statecharts,...
No se encontraron resultados.