StackPractices

frontend

Recursos prácticos sobre frontend para ingenieros de software.

64 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

Patrones de Composicion de Middleware en Express.js

Construye aplicaciones Express mantenibles usando patrones de composicion de middleware para...

intermediate

Server-Sent Events con Node.js y Express

Construí push de servidor a cliente con Server-Sent Events en Node.js y Express. Cubre conexiones,...

intermediate

Construye un Chat Bidireccional con WebSocket y Node.js

Como construir una aplicacion de chat en tiempo real bidireccional usando WebSocket con mensajeria...

beginner

Deep Clone de Objetos en JavaScript: Mas alla de JSON.parse

Compara estrategias de deep clone incluyendo JSON.parse, structuredClone, recursion manual y...

deep-clone javascript clone duplication
intermediate

Prevencion de Race Conditions en Codigo Async de JavaScript

Identifica y corrige race conditions en JavaScript asincrono usando secuenciacion apropiada,...

beginner

Codificacion y Decodificacion de URLs

Domina la codificacion de URLs en JavaScript y otros lenguajes con encodeURI, encodeURIComponent,...

intermediate

Container Queries para Responsiveness de Componentes

Cómo usar CSS container queries para layouts responsivos a nivel de componente que se adaptan al...

intermediate

Design Tokens con CSS Custom Properties

Cómo construir un sistema de design tokens usando CSS custom properties, incluyendo escalas de...

intermediate

Dark Mode con prefers-color-scheme y CSS Variables

Cómo implementar dark mode usando el media query CSS prefers-color-scheme, CSS custom properties y...

beginner

Templates de Email Responsivos con MJML

Crea templates de email responsivos con MJML, variables en vivo con Handlebars y CSS inline para...

email frontend mjml handlebars
beginner

Copiar y Pegar con Clipboard en JavaScript

Copia texto al portapapeles programáticamente en JavaScript con fallback

intermediate

Funciones Debounce y Throttle en JavaScript

Controla la tasa de ejecución de funciones con debounce y throttle. Cubre leading y trailing edge,...

javascript debounce throttle performance
intermediate

Event Loop de JavaScript

Comprende cómo funciona el event loop de JavaScript y cómo escribir código no bloqueante.

intermediate

Paginación con Scroll Infinito en JavaScript con

Implementa carga de datos basada en scroll en JavaScript con IntersectionObserver

beginner

LocalStorage con Expiración TTL en JavaScript

Almacena datos con expiración TTL en el localStorage del navegador

intermediate

Service Worker Offline Caching para PWA en JavaScript

Cachéa assets para soporte offline PWA con Service Workers y Cache API

javascript service-worker pwa offline
intermediate

Validación de Formularios con react-hook-form y Zod

Construí formularios type-safe en React con react-hook-form y Zod: campos anidados, reglas async,...

intermediate

Cuándo Usar useMemo y useCallback

Cómo y cuándo usar los hooks useMemo y useCallback de React para optimización de performance, y...

intermediate

Virtualizar Listas Largas con react-window

Cómo renderizar listas grandes eficientemente en React usando react-window para virtualización del...

intermediate

Renderizado en el servidor (SSR)

Mejora performance y SEO con server-side rendering usando Next.js, Nuxt, Astro y otros frameworks...

No se encontraron resultados.