Artículos para quien
entrega el stack
Textos sobre React, Node.js, TypeScript y AI. El cuerpo traducido se muestra cuando existe. Si no, ve el texto en inglés y una nota que lo dice.
Etiqueta: UX
Navegaciones fluidas, similares a las de una aplicación, gracias a la API de transiciones de vista en Next.js
Transiciones de página tipo aplicación en Next.js con la API de transiciones de vista: movimiento de elementos compartidos entre rutas sin necesidad de una biblioteca de animaciones pesada, además de notas de soporte.
4 min de lecturaUn botón de retroalimentación con pulgar hacia arriba animado sin ninguna biblioteca de animaciones
Cree un widget de retroalimentación con pulgares arriba y abajo que incluya una animación de aparecimiento mediante keyframes, estados activos y una llamada a fetch, utilizando únicamente HTML, CSS y unas pocas líneas de JavaScript.
7 min de lecturaDiseño de pantallas en React para estados de carga, vacío, error y reintentos
Aprenda a modelar cada estado en el que puede encontrarse una pantalla y un formulario de React, desde estructuras básicas y actualizaciones, hasta resultados vacíos, errores útiles y protección contra envíos duplicados.
6 min de lecturaInterfaz de usuario optimista sin desincronizaciones: capturas, reversiones y solicitudes canceladas
Aprenda a crear actualizaciones optimistas que permanezcan correctas: capture el estado, actualice al instante, realice un retroceso en caso de fallo, cancele las solicitudes obsoletas y sepa cuándo no utilizar este patrón.
10 min de lecturaCorregir las condiciones de carrera: el debounce no puede resolverlo en las interfaces de búsqueda
Aprenda por qué el desenrrollado por sí solo no puede evitar que las respuestas obsoletas de la API sobrescriban el estado actual de la interfaz, y explore cuatro soluciones prácticas para garantizar el orden de las solicitudes.
10 min de lectura
Sobre estos artículos
Presupuesto en 24 h
¿Necesitas el mismo stack en una capa de operador? Envía el brief — presupuesto en 24 h.