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.

intermediate

State Management Reactivo con Svelte Stores

Cómo manejar estado reactivo en Svelte usando writable, readable, derived stores y custom stores...

intermediate

Type Checking Exhaustivo con Discriminated Unions

Cómo usar discriminated unions de TypeScript para type checking exhaustivo, asegurando que todos...

frontend typescript type-safety exhaustiveness
advanced

Construir Utility Types Reutilizables con Generics

Cómo crear utility types reutilizables en TypeScript usando conditional types, mapped types,...

frontend typescript generics conditional-types
intermediate

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...

intermediate

WebSockets para Comunicación en Tiempo Real

Construye comunicación bidireccional en tiempo real con WebSockets, manejando gestión de...

beginner

Habilita Compresion Brotli en Nginx para Entrega Mas

Como configurar compresion Brotli en Nginx para reducir tamanos de transferencia de assets...

intermediate

Rendimiento SPA: Code Splitting y Lazy Loading

Mejora tiempos de carga de single-page applications dividiendo bundles a nivel de ruta y...

intermediate

Abstract Factory para Familias de Componentes UI

Crea familias de objetos relacionados sin especificar clases concretas, habilitando...

intermediate

Bridge Pattern para Desacoplar Componentes UI de Temas

Separa una abstraccion de su implementacion para que ambas puedan variar independientemente usando...

intermediate

Composite Pattern para Arboles de Componentes UI en React

Usa el Composite pattern para componer objetos en estructuras de arbol, permitiendo que clientes...

intermediate

Mediator Pattern para Desacoplamiento de Componentes en

Reduce dependencias caoticas entre componentes UI introduciendo un mediador que centraliza...

beginner

MVC Pattern en Aplicaciones Frontend Modernas

Aplica el Model-View-Controller pattern en aplicaciones React y Vue para separar datos, UI y logica...

beginner

Patron de Hosting de Contenido Estatico

Despliega archivos estaticos en una red de entrega de contenido o almacenamiento de objetos para...

intermediate

Patrón Container-Presenter

Cómo separar data-fetching logic del rendering en React usando el container-presenter pattern....

intermediate

Patrón CSS Architecture

Cómo organizar CSS con utility-first classes y component-scoped layers. Cubre Tailwind CSS, CSS...

intermediate

Custom Hook Composition

Cómo componer lógica reusable con custom React hooks. Cubre hook composition patterns, dependency...

advanced

Patrón Islands Architecture

Cómo shippear interactivity solo donde se necesita usando islands architecture. Cubre Astro...

intermediate

Patrón Optimistic Update: UI Inmediata, Reconciliar

Cómo actualizar UI inmediatamente y reconciliar en server response en React. Cubre rollback on...

intermediate

Patrón Progressive Enhancement

Cómo buildar un functional HTML baseline y progressivamente enhancar con JavaScript. Cubre core...

advanced

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.