Depuis le blog OpenReplay
Les Techniques de Performance Frontend Que Nous Avons Oubliées
Les techniques de performance frontend comptent toujours : dimensions d image, font-display, preconnect, lazy loading, defer, async et throttling.
Créer des vidéos avec Claude Code et Remotion
Guide Claude Code et Remotion pour générer des vidéos MP4 à partir de prompts, lire le calcul des frames, corriger les séquences et déboguer dans Studio.
Comment JSON-LD aide l'IA à comprendre votre site web
JSON-LD et Schema.org aident les robots IA et Google à comprendre votre site. Voyez comment les données structurées serveur évitent le JavaScript.
5 Plateformes E-commerce Open Source pour les Développeurs
Comparez Medusa, Saleor, Vendure, Sylius et Shopware pour les backends e-commerce headless, le support Next.js, les API et lhébergement.
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.