Desde el blog de OpenReplay
Primeros pasos con Vite+
Empieza con Vite+: instala vp, crea un proyecto, ejecuta dev, check, test y build, y entiende el flujo unificado de vite.config.ts.
Cómo solucionar el molesto error 404 favicon.ico Not Found
Corrige el error 404 de favicon.ico sirviendo un favicon en la raíz y añadiendo etiquetas de icono para SVG, PNG y Apple Touch Icon.
Animaciones con Copiar y Pegar usando Animata
Animata ofrece componentes React animados para copiar y pegar con Tailwind CSS, flujo shadcn/ui y dependencias ligeras por componente.
Pretext y el Futuro del Diseño de Texto en la Web
Pretext es una biblioteca TypeScript que mide texto fuera del DOM para evitar reflows y acelerar listas virtualizadas, chats y layouts masonry.
Cookies vs localStorage para Autenticación con JWT
Cookies o localStorage para autenticación JWT: compara riesgos XSS y CSRF, cookies HttpOnly, Secure, SameSite y patrones modernos de tokens.
Cosas que Nunca Deberías Cachear
Evita cachear datos de usuario, respuestas de autenticación, JWT y páginas sensibles. Usa no-store, private y bfcache con seguridad.
Auditoría de Workflows de GitHub para Detectar Riesgos de Seguridad
Audita GitHub Actions para permisos de token, inyección de scripts, riesgo de pull_request_target, fijación de acciones, runners y OIDC.
Cinco alternativas a Next.js
Cinco alternativas a Next.js para 2026: React Router v7, Astro 5, SvelteKit, Nuxt 4 y TanStack Start.
Cómo Agregar Autenticación a una Aplicación Electron
Añade autenticación a una app Electron con OAuth 2.0 PKCE, inicio de sesión en navegador del sistema, deep links o redirecciones loopback y safeStorage.
Uso de prefers-reduced-motion para animaciones accesibles
Usa prefers-reduced-motion para reducir animaciones con CSS, JavaScript y Motion.dev, con consejos de prueba y guía WCAG.
Cómo elegir un generador de sitios estáticos para proyectos JavaScript
Compara Astro 6, Eleventy 3, Next.js 16, Nuxt 4 y SvelteKit para elegir el generador estático adecuado para proyectos JavaScript.
Eliminando los estilos nativos de elementos con CSS all: unset
Usa all: unset para quitar el estilo nativo en CSS, reiniciar botones y controles, y restaurar la accesibilidad de focus-visible.
¿Deberías cambiar de npm a pnpm?
¿Conviene pasar de npm a pnpm? Compara aislamiento de dependencias, ahorro de disco, workspaces y aprobaciones de scripts en pnpm 11.
Cómo detectar cuándo una pestaña del navegador se vuelve inactiva
Usa la API Page Visibility para detectar cuándo una pestaña del navegador queda inactiva. Pausa polling, medios y analíticas con visibilitychange.
Explicación del Manifest V3 de las extensiones de Chrome
Manifest V3 explicado: service workers, declarativeNetRequest, chrome.action, Offscreen API y por qué se eliminaron las páginas en segundo plano de MV2 y el código remoto.
React Compiler vs. memoización manual
React Compiler vs memoización manual: vea cuándo React.memo, useMemo y useCallback son automáticos y cuándo aún importa el control manual.
Una introducción a los navegadores agénticos
Los navegadores agénticos están cambiando las apps web. Mira en qué difieren de Selenium, por qué importa el HTML semántico y los riesgos de seguridad.
Cómo persistir el estado de un formulario en el navegador
Persiste el estado de formularios en el navegador con localStorage, sessionStorage o IndexedDB. Autosave, restauración y borrado seguro.
Eliminando archivos y dependencias no utilizados con Knip
Knip detecta archivos, exportaciones y dependencias sin uso en proyectos JavaScript y TypeScript, con corrección automática y CI.
Tareas en segundo plano en el navegador con la Scheduler API
Usa la API Scheduler para priorizar tareas del hilo principal con scheduler.postTask() y scheduler.yield(), con comprobación y fallback.
Una guía completa de Git Stash
Comandos de git stash, pop vs apply, manejo de conflictos, archivos sin seguimiento y buenas prácticas para guardar y restaurar trabajo sin commit.
Gestión de gestores de paquetes con Node Corepack
Node Corepack explica el anclaje de versiones de gestores de paquetes con Yarn y pnpm, además de cambios en Node.js 25, CI, Docker y uso sin conexión.
Scroll suave con CSS scroll-behavior
Usa scroll-behavior: smooth en CSS para enlaces de ancla, evita que el header fijo tape el destino con scroll-margin-top y respeta el acceso.
Cómo restablecer la contraseña de administrador de WordPress
Restablece la contraseña de administrador de WordPress con el panel, el enlace de contraseña olvidada, WP-CLI o phpMyAdmin, y refuerza la seguridad.