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.
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...
WebSockets para Comunicación en Tiempo Real
Construye comunicación bidireccional en tiempo real con WebSockets, manejando gestión de...
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, habilitando...
Bridge Pattern para Desacoplar Componentes UI de Temas
Separa una abstraccion de su implementacion para que ambas puedan variar independientemente usando...
Composite Pattern para Arboles de Componentes UI en React
Usa el Composite pattern para componer objetos en estructuras de arbol, permitiendo que clientes...
Mediator Pattern para Desacoplamiento de Componentes en
Reduce dependencias caoticas entre componentes UI introduciendo un mediador que centraliza...
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
Cómo separar data-fetching logic del rendering en React usando el container-presenter pattern....
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,...
Composicion de hooks personalizados
Cómo componer lógica reusable con custom React hooks. Cubre hook composition patterns, dependency...
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...
No se encontraron resultados.