Depuis le blog OpenReplay
Premiers pas avec Vite+
Démarrez avec Vite+ : installez vp, créez un projet, lancez dev, check, test et build, et comprenez le flux unifié de vite.config.ts.
Comment corriger l'erreur 404 favicon.ico introuvable
Corrigez lerreur 404 favicon.ico en servant un favicon à la racine et en ajoutant les balises dexicône SVG, PNG et Apple Touch Icon.
Animations Prêtes à l'Emploi avec Animata
Animata propose des composants React animés à copier-coller avec Tailwind CSS, le workflow shadcn/ui et des dépendances légères.
Pretext et l'Avenir de la Mise en Page de Texte sur le Web
Pretext est une bibliothèque TypeScript qui mesure le texte hors du DOM pour éviter les reflows et accélérer listes virtualisées, chats et masonry.
Cookies vs localStorage pour l'authentification JWT
Cookies ou localStorage pour l’authentification JWT : comparez les risques XSS et CSRF, HttpOnly, Secure, SameSite et les usages modernes.
Ce Qu'il Ne Faut Jamais Mettre en Cache
Évitez de mettre en cache les données utilisateur, les réponses auth, les JWT et les pages sensibles. Apprenez à utiliser no-store, private et bfcache.
Audit des Workflows GitHub pour les Risques de Sécurité
Auditez GitHub Actions pour les droits du token, les injections de scripts, le risque pull_request_target, le pinning, les runners et OIDC.
Cinq alternatives à Next.js
Cinq alternatives à Next.js pour 2026, dont React Router v7, Astro 5, SvelteKit, Nuxt 4 et TanStack Start.
Comment Ajouter une Authentification à une Application Electron
Ajoutez l authentification à une app Electron avec OAuth 2.0 PKCE, connexion via navigateur système, deep links ou redirection loopback, et safeStorage.
Utiliser prefers-reduced-motion pour des animations accessibles
Utilisez prefers-reduced-motion pour réduire les animations avec CSS, JavaScript et Motion.dev, avec conseils de test et repères WCAG.
Choisir un générateur de sites statiques pour les projets JavaScript
Comparez Astro 6, Eleventy 3, Next.js 16, Nuxt 4 et SvelteKit pour choisir le bon générateur de site statique pour vos projets JavaScript.
Supprimer le style natif des éléments avec CSS all: unset
Utilisez all: unset pour supprimer le style natif en CSS, réinitialiser boutons et champs, et restaurer un focus-visible accessible.
Faut-il passer de npm à pnpm ?
Faut-il passer de npm à pnpm ? Comparez l isolation des dépendances, les gains de disque, les workspaces et les approbations de scripts pnpm 11.
Comment détecter qu'un onglet de navigateur devient inactif
Utilisez l’API Page Visibility pour détecter quand un onglet devient inactif. Mettez en pause polling, média et analytics avec visibilitychange.
Le manifeste V3 des extensions Chrome expliqué
Manifest V3 expliqué : service workers, declarativeNetRequest, chrome.action, Offscreen API, et pourquoi les pages de fond MV2 et le code distant ont disparu.
React Compiler vs mémoïsation manuelle
React Compiler vs mémoisation manuelle : voyez quand React.memo, useMemo et useCallback sont automatiques, et quand le contrôle manuel compte encore.
Introduction aux navigateurs agentiques
Les navigateurs agentiques transforment les apps web. Voyez leurs différences avec Selenium, limportance du HTML sémantique et les risques de sécurité.
Suppression des fichiers et dépendances inutilisés avec Knip
Knip détecte les fichiers, exports et dépendances inutilisés dans les projets JavaScript et TypeScript, avec correction auto et CI.
Comment persister l'état d'un formulaire dans le navigateur
Conservez l’état des formulaires dans le navigateur avec localStorage, sessionStorage ou IndexedDB. Autosauvegarde, restauration et effacement sûr.
Tâches d'arrière-plan dans le navigateur avec l'API Scheduler
Utilisez lAPI Scheduler pour prioriser le travail du thread principal avec scheduler.postTask() et scheduler.yield(), avec vérification et repli.
Guide complet de Git Stash
Commandes git stash, pop vs apply, gestion des conflits, fichiers non suivis et bonnes pratiques pour enregistrer et restaurer le travail sans commit.
Gérer les gestionnaires de paquets avec Node Corepack
Node Corepack explique le verrouillage des versions de gestionnaires de paquets avec Yarn et pnpm, ainsi que Node.js 25, CI, Docker et le hors ligne.
Défilement fluide avec scroll-behavior en CSS
Utilisez scroll-behavior: smooth en CSS pour les liens d’ancre, corrigez le chevauchement du header avec scroll-margin-top et gardez l’accessibilité.
Comment réinitialiser le mot de passe administrateur de WordPress
Réinitialisez un mot de passe admin WordPress avec le tableau de bord, le lien mot de passe perdu, WP-CLI ou phpMyAdmin, puis sécurisez le compte.