Enfin un 🇬🇧 article clair sur ce que sont les WeakMap en JavaScript et quels sont les cas d'usage.
Elles servent à attacher une valeur à un objet de manière "externe", sans modifier l'objet lui-même. Un peu comme si vous êtes vendeur dans un magasin et attachez l'étiquette avec le prix sur un objet. Si l'objet disparaît, l'étiquette disparaît aussi. Donc si l'objet auquel vous attachez la WeakMap est supprimé par le garbage collector, votre WeakMap l'est aussi.
C'est donc parfait pour attacher une computed property à un objet par exemple, ou pour créer des propriétés réellement privées qui ne seront pas accessible à du code qui n'a pas accès à la WeakMap.
Ce sont des cas bien spécifiques mais c'est intéressant de savoir que ça existe.
Comprendre ce qu'est un virtual DOM en en créant un de zéro. C'est très intéressant et très malin.
Une initiation à Playwright, un outil de testing visuel pour le web.
Comment documenter votre code JavaScript avec JSDoc.
Une alternative à zx et Bun pour faire du scripting type shell avec JavaScript.
Un cookbook très complet avec beaucoup d'exemples pour comprendre l'API JavaScript Temporal et notamment ses différences avec Date.
Un nouveau guide de Google pour apprendre JavaScript de zéro.
Je ne suis pas allé dans le détail mais en général ils font ça plutôt bien.
Cet article s'attaque en profondeur à la façon dont sont gérés les objets JavaScript dans V8, le moteur développé par Google et utilisé dans Chrome. L'article est très technique mais intéressant pour comprendre l'impact des objets JS au niveau de la couche basse. Si vous cherchez à optimiser votre code au maximum, ça peut être utile de s'intéresser aux sous-bassements.
De l'injection de dépendance JavaScript qui semble relativement simple, loin des usines à gaz habituelles.
Une proposition (bien étayée) d'inclure les "Signals" à JavaScript. C'est globalement l'équivalent des systèmes de réactivité des framework front-end modernes, avec par exemple les computed properties de Vue.
C'est un gros morceau !
Comment optimiser du code JavaScript. Il faut noter que ça se fait souvent au détriment de la lisibilité et de la compréhensibilité. Certains conseils sont donc à réserver pour des scénarios où les performances sont cruciales.
Un langage de templating pour JavaScript qui se pose en alternative au bon vieux EJS.
Une librairie JavaScript — ultra-complète et pour autant simple d'utilisation — pour créer des graphiques. La quantité de possibilités est impressionnante. Elle supporte même le rendu côté serveur (SSR).
Hono, le framework web orienté serverless passe en version 4 et ajoute un module optionnel — HonoX — qui le transforme en meta-framework full-stack un peu comme Next.js ou Nuxt.js.
Yet another librairie pour gérer les dates en JavaScript.
Elle se rapproche de date-fns en cela qu'elle expose des fonctions utilitaires pour manipuler la classe Date native, au lieu de créer sa propre classe (et à titre personnel je pense que c'est la bonne approche).
Elle se différencie par son utilisation du module Intl natif qui permet une meilleure localisation de la représentation d'une date sous forme de texte en fonction de la langue préférée de l'utilisateur.
Plus d'infos sur Intl.DateTimeFormat ici : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
Une vidéo de 1h54 qui vous apprendra à développer un jeu simple de zéro en HTML, CSS et JS, sans aucune dépendance, avec l'élément HTML <canvas>.
Le fait de partir de rien sans aucun moteur graphique rend l'approche super intéressante !
Un état des lieu des bizarreries de JavaScript qui font de lui un langage parfois mal aimé.
Quand on creuse un peu, on s’aperçoit que pratiquement tous les langages haut niveau qui ont un peu d'age ont ce genre de bizarreries, et qu'il suffit de les connaître.
L'API Temporal arrive bientôt en JavaScript, et elle offre toutes les fonctionnalités qui manquaient au type natif Date pour gérer les dates sans avoir besoin de librairies type moment, luxon, date-fns et consorts.
L'article aborde son utilisation.
Un énorme regroupement de tutoriels relatifs au développement web.