Javascript

Derniers articles

• Zdog, pseudo-3D engine --- Un moteur 3D pour visualiser des objets en drag & drop. La taille du code ? 2100 lignes seulement.

• A JavaScript-Free Frontend --- On parle souvent de perfs React ou Angular, mais on oublie que la meilleure des perf pourrait être… de ne pas les utiliser.

• Web Component to generate PDF from OpenAPI Spec --- Tout est dans le titre. Très bon outil à utiliser en plus de vos pages web d’API.

• Animating URLs with Javascript and Emojis --- On pense souvent aux URLs comme quelque chose de figé. C’est faux, on peut jouer avec ! Des emojis, ou même une barre de progression dans l’URL, c’est possible, très simplement.

• event-stream vulnerability explained --- Excellente analyse technique d’un détournement de package populaire pour cibler une application de Bitcoin

• The Best Explanation of JavaScript Reactivity --- Une explication très claire et détaillée du fonctionnement des frameworks. C’est centré sur Vue, mais les autres fonctionnent globalement pareil

• Introducing the Single Element Pattern --- Une explication claire, détaillée, et avec des exemples, de comment créer des composants React robustes.

• What you can expect from Node.js 10  --- Node 10 sera une version LTS, il est temps de commencer à regarder ce qu’il y aura sous le capot!

• How to avoid async/await hell --- Après le callback hell, voici venir l’async/await hell! Autant éviter les pièges tout de suite.

• Examples of everything new in ECMAScript 2016, 2017, and 2018 --- Des exemples clairs des récentes fonctionnalités JS

• Stunning hover effects with CSS variables --- Rendre des boutons magnifiques avec 10 lignes de JS et une CSS moderne, c’est ultra-facile en fait!

• Googlebot’s Javascript random() function is deterministic --- Une recherche très intéressante (et une utilisation) du fait que le GoogleBot implémente un random() fixé (et modifie le nombre de secondes par minutes)

• Stimulus 1.0: A modest JavaScript framework for the HTML you already have --- Découverte du jour. Pour ajouter des fonctionnalités dans une page rendues côté serveur, je trouve le concept excellent. A tester!

• Let's create a Cookie Clicker with RxJS --- These times, I’m playing Kittens game a lot, and it motivated me to restart my Cookie Clicker with RxJS. I previously made one last year, to test RxJS (v5). The result was fonctionning, but technically it was crap. Now that I know a lot more about Rx (thanks Angular), it’s a good time to start it…

• Créons un Cookie Clicker avec RxJS --- En ce moment, je suis à fond sur Kittens game, et ça m’a donné envie de recommencer mon Cookie Clicker en RxJS. J’en avais fait un l’an dernier, pour tester RxJS (v5). Le résultat était fonctionnel, mais techniquement dégueulasse. Maintenant que j’ai beaucoup plus d’expérience avec Rx (merci Angular…

• JS Paint --- Nostalgique du MS Paint dans lequel vous avez dessiné pendant des heures? il est de retour, en full JS!

• L'init parfait d'un projet JS --- Le Javascript est un langage dont les frameworks et la manière de programmer évoluent vite. Mais dans ce grand chaos, qu’on apprend à aimer avec le temps, on a besoin d’avoir des projets qui vivront des années. Et quand chacun code avec son style, son indentation (2, 3, 4 espaces? Des tabulations…

• 30 seconds of code --- Une collection de courtes fonctions Javascript pouvant être utilisées sur tous les projets

• await vs return vs return await --- Une rapide mais excellente explication des différences entre await et return. Attention aux potentiels bugs!

• DotJS 2017: les tests après la bataille --- Après une courte période de décantation, c’est l’heure de faire le point sur DotJS 2017! Pour la première fois, je ne vais pas faire de retour “présentation par présentation” (retour qu’on peut retrouver sur d’autres sites), mais je vais plutôt essayer de réfléchir à ce que ces présentations m’ont…

• Redux: Faire un reducer sans switch --- Dans tous les exemples de Redux (et dans ceux de Ngrx pour Angular), les reducers utilisent un switch pour déterminer l’action à faire.Le problème avec cette écriture, c’est qu’on obtient très vite une fonction énorme, ce qui la rend difficile à lire (et Sonar nous insulte à cause de la complexité…