
El selector :has() de CSS: una guía práctica
Cómo :has() le da por fin a CSS un selector de padre, con sus patrones, trampas y costes de rendimiento.
Categorías
UI y experiencia de usuario · 40 artículos · Página 1 de 4

Cómo :has() le da por fin a CSS un selector de padre, con sus patrones, trampas y costes de rendimiento.

CSS anchor positioning permite posicionar tooltips, popovers y menús relativos a cualquier elemento sin librerías de posicionamiento en JavaScript.

Las Server Actions devuelven formularios y mutaciones al servidor en Next.js: cómo usarlas bien, qué evitar y qué patrones escalan de verdad.

Reemplaza el espagueti de banderas booleanas con máquinas de estados finitos: estados de UI en TypeScript donde lo imposible es imposible por construcción.

Tokens de diseño, APIs de componentes y los patrones que convierten un sistema de diseño en un multiplicador de fuerza y no en una carga de mantenimiento.

Técnicas prácticas de rendimiento en React: memoización, virtualización, división de código y perfilado, con comparativas reales y sus compromisos.

Guía práctica para elegir la gestión de estado adecuada en React moderno — de useState a Zustand y React Query — y el razonamiento tras cada opción.

Cómo estructurar el CSS en aplicaciones grandes: tokens de diseño, patrones de componentes, utilidades y los principios que evitan la entropía.

Implementa actualizaciones optimistas que se sienten instantáneas: muestra el estado esperado, reconcilia con el servidor y revierte si algo falla.

El modelo mental para elegir entre Server y Client Components en Next.js: el límite de renderizado, la serialización y los patrones de composición.

Construye componentes React navegables con teclado, compatibles con lectores de pantalla y conformes con WCAG, usando ARIA, foco y HTML semántico.

Un análisis realista de dónde WebAssembly aporta valor: procesamiento de imágenes, criptografía, transformación de datos, y cuándo gana JavaScript.