Depuis le blog OpenReplay
Découvrez UnJS : des outils JavaScript agnostiques aux frameworks
L'écosystème UnJS regroupe des outils comme Nitro, h3, ofetch et unplugin pour gérer l'infrastructure JavaScript indépendamment des runtimes et frameworks.
Comment OpenUI façonne les composants web
OpenUI standardise les modèles d'UI via la Popover API, l'Invoker Commands API et un select CSS personnalisable, limitant le JavaScript superflu.
Commandes npm essentielles que tout développeur devrait connaître
Le CLI npm gère l'audit des dépendances, l'exécution de scripts et le verrouillage des transitives. On peut déboguer les arbres et corriger les vulnérabilités.
Comment Lazy Loader des Composants dans Svelte
Lazy loader des composants Svelte via les imports dynamiques et le rendu conditionnel permet de réduire les bundles initiaux dans les projets SvelteKit et Vite.
Comment corriger l'erreur « Cannot use import statement outside a module »
Corriger l'erreur cannot use import statement outside a module dans Node.js, les navigateurs et Jest en identifiant le conflit de système de modules.
Explication de la permission Local Network Access (LNA) de Chrome
La permission Chrome Local Network Access bloque les sites publics depuis les appareils locaux. Ce guide couvre ce qui déclenche LNA et comment le gérer.
L'art ASCII dans le navigateur et le terminal
Comment la luminosité des pixels correspond aux caractères, comment Unicode Braille et les éléments de bloc étendent l'art ASCII, et comment Canvas, WebGL et ANSI le restituent.
Comment typer les réponses d'API en TypeScript
Typer les réponses d'API avec des interfaces, Zod et OpenAPI évite les incohérences de données à l'exécution et garantit des types fiables en TypeScript.
Comparaison des modèles de réactivité : React, Vue, Angular, Svelte
Comparaison de la réactivité dans React, Vue, Angular et Svelte : cycles de rendu, signaux fins et mises à jour DOM pilotées par compilateur.
Ripple : un nouveau framework UI TypeScript à surveiller
Ripple est un framework UI TypeScript piloté par compilateur, sans virtual DOM diffing ni suivi manuel des dépendances, via des primitives réactives fines.
Comment implémenter le glisser-déposer dans Svelte
Implémenter le glisser-déposer dans Svelte avec l'API HTML5 native ou svelte-dnd-action pour les animations, le tactile et les listes multiples.
Quand 100vh ment : corriger les problèmes de viewport mobile
Corriger le clipping mobile en comprenant comment svh, dvh et lvh diffèrent de vh, et quand appliquer chaque unité pour des layouts stables en pleine hauteur.
Cas d'usage des générateurs JavaScript
Les générateurs JavaScript produisent des valeurs à la demande pour l'itération paresseuse, la pagination async et les pipelines via l'Iterator Helpers API.
Comment organiser les définitions de types dans un projet TypeScript
Organiser les types TypeScript avec une stratégie de colocation claire, entre fichiers inline, répertoires partagés et fichiers de déclaration ambiants.
Applications MCP : Ajouter une interface utilisateur interactive aux conversations IA
Les MCP Apps intègrent des composants UI interactifs dans les conversations IA, permettant aux serveurs MCP d'afficher tableaux de bord et formulaires via le standard ext-apps SDK.
Une meilleure façon de visualiser les erreurs dans VS Code avec Error Lens
Error Lens affiche les diagnostics ESLint et TypeScript en ligne dans VS Code, aidant les développeurs frontend à repérer et corriger les erreurs plus vite.
Créer votre première API avec Koa
Ce guide montre comment construire une API REST avec Koa en configurant le routage, le parsing des corps JSON et le modèle de cascade middleware pour les endpoints GET et POST.
Quand utiliser user-select: none (et quand c'est un piège UX/accessibilité)
Cas où CSS user-select: none améliore les contrôles interactifs, et cas où il nuit à l'accessibilité, aux outils de traduction et à la sélection de texte.
Comment Mesurer les Performances JavaScript
Profiler JavaScript avec DevTools, la Performance API et les Core Web Vitals permet d'identifier les goulots d'étranglement et de mesurer l'INP réel.
Défilement virtuel pour des interfaces haute performance
Le défilement virtuel ne rend que les noeuds DOM visibles, gardant les grands datasets rapides. Fenêtrage, overscan et TanStack Virtual sont couverts.
OpenClaw : Un nouvel assistant IA open source
OpenClaw est un agent IA auto-hébergé qui exécute des commandes shell, contrôle des navigateurs et s'intègre à Slack, Telegram et WhatsApp.
Les Streams expliqués pour les développeurs Web
Traiter les réponses fetch fragment par fragment avec ReadableStream et TransformStream réduit la pression mémoire et améliore les performances.
Comment fonctionnent les bases de données clé-valeur (par ex., Redis, Memcached)
Redis, Memcached et les bases de données clé-valeur utilisent des tables de hachage en mémoire pour le cache, les sessions et les accès rapides.
Valeurs absolues en CSS avec abs()
La fonction CSS abs() gère les propriétés personnalisées signées pour l'espacement, le timing d'animation et la mise en page, sans recours à JavaScript.