Depuis le blog OpenReplay
Que faire lorsque vos clés API se retrouvent dans un dépôt
Comment révoquer des clés API exposées, nettoyer l'historique Git et empêcher les secrets d'atteindre GitHub grâce à la push protection et au secret scanning.
TypeScript dans Node : Configuration pratique
Configurer TypeScript dans Node.js avec ESM, tsc et le type-stripping natif pour créer des APIs et scripts de production avec des outils modernes.
Comment créer une API REST minimale avec Node.js
Construction d'une API REST minimale avec Express 5, parsing JSON, codes de statut corrects et gestion centralisée des erreurs en 80 lignes de code.
Guide rapide des indicateurs de chargement dans les applications web
Choisir entre spinners, skeletons et UI optimiste pour améliorer le chargement, avec React Suspense et les loading states du Next.js App Router.
Guide du débutant sur l'injection SQL (et comment s'en protéger)
Les injections SQL exploitent des requêtes non sécurisées. Requêtes paramétrées et comptes à privilèges limités permettent de sécuriser les applications.
L'état immuable en toute simplicité : Comprendre Immer
Immer s'appuie sur les proxies JavaScript pour gérer l'état immuable. On voit comment Redux Toolkit l'intègre et comment éviter les pièges de mutation de draft.
Les bases du DNS que tout développeur devrait connaître
Résolution DNS, types d'enregistrements, TTL, DNSSEC, DoH et enregistrements HTTPS expliqués pour déboguer les pannes de production avec confiance.
Comment fonctionne la connexion sans mot de passe en coulisses
Comment les passkeys combinent cryptographie asymétrique, WebAuthn et origin binding FIDO2 pour offrir une authentification sans mot de passe résistante au phishing.
Simplifiez vos workflows de release avec Changesets
Automatiser le versionnage et la génération de changelogs en monorepo avec Changesets, GitHub Actions et la publication OIDC trusted publishing.
Au-delà des Frameworks : Faites Confiance aux Primitives du Web
Évaluation de la Popover API, des View Transitions, de la Navigation API et des primitives CSS en tant qu'alternatives aux frameworks, via Baseline.
Guide du débutant sur les fonctions distantes dans SvelteKit
Les fonctions distantes de SvelteKit remplacent les endpoints manuels par des appels serveur typés. Comparaison des types query, form, command et prerender.
Les Refs expliquées : Comment les frameworks gèrent l'accès direct au DOM
Les refs DOM dans React, Vue, Angular et Svelte offrent un accès direct au DOM sans rompre les garanties du framework quand le déclaratif atteint ses limites.
Pourquoi les développeurs migrent de Next.js vers TanStack Start
Comparatif entre TanStack Start et Next.js sur le routage, les fonctions serveur et l'intégration Vite, pour choisir le framework React adapté à chaque équipe.
Comment repérer les requêtes de base de données qui nuisent aux performances de votre application
Tracer les requêtes lentes via query plans, slow query logs et spans OpenTelemetry permet d'identifier les N+1, la contention de verrous et les index manquants.
Création d'un composant personnalisé de téléversement de fichiers pour React
Composant React de téléversement avec glisser-déposer, validation, aperçus et suivi de progression XHR, tout en gardant les entrées fichier non contrôlées.
Tables et non Divs : une API simple pour les données tabulaires réelles
Construction de tables via l'API DOM HTML table, avec des méthodes natives qui évitent les risques XSS et génèrent un balisage sémantique accessible par défaut.
Comment ajouter une recherche à votre site web sans backend
Intégrer une recherche côté client sur des sites statiques ou JAMstack avec Pagefind, Lunr, Fuse.js ou Algolia, sans serveur ni base de données à maintenir.
Patterns pratiques de mémoïsation en JavaScript
Mémoïsation de fonctions JavaScript avec gestion des références, cas async, éviction de cache et React useMemo, sans fuites mémoire ni bugs.
Intégrer des vidéos YouTube sans ralentir votre site
Les iframes YouTube nuisent aux scores LCP et INP. Le patron facade charge des placeholders click-to-play, réduisant le travail du thread principal avant interaction.
Liste de contrôle pour choisir un constructeur de formulaires web
Évaluer les form builders sur l'intégration, WCAG, GDPR, la sécurité des webhooks et les règles de validation pour éviter les migrations coûteuses.
Quand votre formulaire doit répondre, utilisez l'élément Output
L'élément HTML output affiche des résultats en direct en liant les inputs via l'attribut for, l'attribut name et la propriété value de HTMLOutputElement.
Comment identifier les failles de sécurité dans votre application avec Strix
Strix utilise des agents IA autonomes pour détecter les failles de contrôle d'accès, les injections et les bugs de logique métier avant la mise en production.
Mises à jour de packages plus intelligentes avec npm-check-updates
npm-check-updates met à jour les plages de package.json, respecte les limites semver et maintient les lockfiles synchronisés sans casser les pipelines CI.
Comment obtenir la dernière valeur correspondante d'un tableau en JavaScript
Les méthodes findLast et findLastIndex récupèrent le dernier élément correspondant ou son index sans muter les données ni écrire de boucles manuelles.