Depuis le blog OpenReplay
À l'intérieur de l'AST : Comment les outils comprennent le code
Les Abstract Syntax Trees propulsent ESLint, Prettier et Babel. Les parsers génèrent des noeuds traversables pour le linting, le formatage et la transformation de code.
Débuter avec Valibot
Valider des données à l'exécution en TypeScript avec Valibot : définition de schémas, inférence de types et pipelines composables pour un bundle minimal.
Quand Pourriez-Vous Avoir Besoin de BigInt en JavaScript ?
BigInt en JavaScript corrige la perte de précision silencieuse pour les entiers hors plage sûre de Number, grands IDs et valeurs 64 bits WebAssembly inclus.
Transformer des dépôts Git en texte exploitable par les LLM : guide pratique
Convertir un dépôt Git en texte structuré pour LLM avec Gitingest, Repomix ou repo2txt, et alimenter des modèles IA sans gaspillage de tokens.
Configuration d'une application TypeScript avec Bun
Configurer un projet TypeScript avec Bun, sans étape de build, pour exécuter les fichiers TypeScript directement via un runtime et un package manager.
Utiliser l'API Battery Status dans les applications web
L'API Battery Status expose le niveau et l'état de charge à JavaScript pour créer des apps web adaptatives, malgré les limites de support et de confidentialité.
Ajouter des animations avec les plugins Tailwind CSS
Tour d'horizon des options pour ajouter des animations Tailwind CSS, des utilitaires natifs aux plugins et keyframes v4, en tenant compte de l'accessibilité.
Un premier aperçu de l'API HTML Sanitizer
L'HTML Sanitizer API intègre la protection XSS dans le navigateur, compare les méthodes sûres aux alternatives DOMPurify et configure les listes d'autorisation.
Gestion sécurisée des entrées utilisateur dans Node.js
Zod, les requêtes paramétrées et les arguments explicites protègent Node.js contre l'injection SQL, la pollution de prototype et le mass assignment.
Comment trouver des éléments DOM par texte
Sélectionner des éléments DOM par texte via querySelector, TreeWalker et XPath avec document.evaluate pour des sélections textuelles fiables.
Les meilleurs CDN pour les applications web modernes
Comparatif de Cloudflare Workers, Fastly Instant Purge, AWS CloudFront et Akamai Ion pour choisir le CDN adapté à son architecture frontend.
Débuter avec Laravel Livewire
Créer des interfaces Laravel dynamiques avec Livewire via des composants PHP et Blade gérant la validation de formulaires et les mises à jour réactives du DOM.
Explorer la fonction CSS random()
La fonction CSS random() génère des valeurs numériques natives dans les feuilles de style, remplaçant JavaScript grâce à sa syntaxe, ses clés de cache et ses fallbacks.
UX en temps réel avec l'extension SSE de htmx
Intégrer une UI en temps réel dans des projets htmx grâce à l'extension SSE, aux server-sent events et aux seuls attributs HTML, sans framework JavaScript.
Styliser les éléments Select avec CSS moderne
Styliser les éléments select via appearance none et base-select, appliquer clip-path et focus spans, tout en améliorant progressivement le rendu cross-browser.
Pourquoi vous devriez être prudent avec `!` en TypeScript
L'opérateur non-null assertion de TypeScript réduit le compilateur au silence sans protection à l'exécution, transformant les erreurs statiques en crashes null difficiles à tracer.
Syntaxe des couleurs relatives en CSS expliquée
La syntaxe des couleurs relatives en CSS permet de dériver teintes, nuances et variantes d'opacité d'une couleur source via OKLCH et d'autres fonctions modernes.
Qu'est-ce que Babylon.js ? Une introduction rapide
Babylon.js est un moteur 3D JavaScript open-source basé sur WebGL et WebGPU, avec une comparaison à Three.js et les possibilités qu'il offre.
Écrire des chaînes asynchrones plus propres avec Promise.try
Promise.try convertit les erreurs synchrones en rejets, clarifiant les chaînes async. Comparaison avec les alternatives et application aux patterns de chargement conditionnel.
Comment sécuriser un site WordPress
Sécuriser un site WordPress implique la mise à jour des plugins, l'activation du 2FA, des permissions correctes et un WAF comme Cloudflare ou Wordfence.
Comprendre les unités de viewport dynamiques en CSS
Les unités CSS svh, lvh et dvh corrigent le rognage mobile causé par le chrome du navigateur, pour des layouts responsive et plein écran fiables.
Plaidoyer pour JavaScript Vanilla plutôt que les Frameworks
Analyse des cas où JavaScript vanilla, Web Components, modules ES et APIs natives surpassent React ou Vue pour un projet frontend donné.
Qu'y a-t-il dans une réponse HTTP ?
Les réponses HTTP comprennent une ligne de statut, des headers et un body. Chaque partie facilite le débogage dans DevTools et la gestion des résultats fetch.
Fonctionnalités méconnues de Chrome DevTools
CSS Overview, Logpoints, l'onglet Coverage et le débogage des Layout Shifts dans Chrome DevTools permettent d'améliorer les performances et le flux de travail.