Depuis le blog OpenReplay
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.
Comment créer une application Angular via Google AI Studio
Construire des apps Angular avec Google AI Studio Build mode, les exporter vers GitHub et sécuriser les clés API via un proxy backend dédié.
Quoi de neuf dans Preact pour 2026 ?
Correctifs de sécurité Preact, changements de la bêta Preact 11 et outils mis à jour comme Vite et preact-iso pour des décisions de production éclairées.
Créer des composants sensibles au défilement dans React
Éviter le scroll jank grâce à Intersection Observer, les refs et useSyncExternalStore pour suivre la position de défilement sans re-renders inutiles.
Outils de couleur utiles pour les développeurs frontend
Comparer les outils OKLCH, les DevTools et les vérificateurs d'accessibilité pour bâtir des palettes uniformes respectant les ratios WCAG en CSS.