Encore un nouveau framework JavaScript, développé cette fois-ci au-dessus de Deno au lieu de Node.js.
Une courte vidéo de présentation : https://youtu.be/4boXExbbGCk
Je m'intéresse de près à ce générateur de site statique. J'aime beaucoup sa simplicité à débuter et la foule de possibilités qu'il offre si on s'y penche un peu plus. Il permet par exemple de faire du SSR de composants JS.
Une lib JavaScript qui permet d'animer automatiquement (et avec une seule ligne de code) les changements appliqués à une collection d'éléments (ajout, suppression, tri).
En gros, ça permet de rendre les ajouts ou suppression d'éléments du DOM plus visibles pour vos utilisateurs, sans trop se prendre la tête à gérer l'animation à la main.
Je n'ai pas encore creusé pour voir comment ça fonctionne mais les exemples sont assez convainquant.
Et il existe des directives pour React, Vue et Svelte.
Un outil qui sert à visualiser en détails, pas à pas, comment est interprété et exécuté du code JavaScript.
Une lib qui permet grosso modo d'écrire du shell en JavaScript. J'ai beau avoir du mal avec la syntaxe du shell, je me demande si tant qu'à faire il ne vaut pas mieux écrire du Node.js directement 🤔
Un outil pour générer des animations CSS3 via une interface graphique. Il existe aussi une lib JS qui permet de faire la même chose dynamiquement en JS.
Une lib de templating dans le genre de Twig pour JavaScript. Pas encore testé mais ça semble être le bon compromis entre un ejs trop permissif et un Handlebars trop restrictif.
Je ne connaissais pas la notion de Proxy en JavaScript mais c'est très intéressant et très utile. Ça peut permettre de faire l'équivalent des computed properties de Vue.js en JS natif par exemple.
Un générateur d'identifiant unique très léger qui permet de faire varier la longueur et l'alphabet utilisé.
Un excellent tutoriel vidéo sur webpack en une quinzaine de courts épisodes. À une époque où la config webpack est le plus souvent cachée par les différents CLI et autres outils, ça vaut le coup de revenir à la base et de tout comprendre étape par étape.
Un éditeur WYSIWYG headless.
Un date picker a priori assez léger et sans aucune dépendance. Il supporte notamment la sélection par range ce qui n'est pas si fréquent que ça.
Un exemple de PWA qui fait usage de la caméra de votre appareil et permet de scanner des QR codes.
Un outil pour créer des présentations type PowerPoint avec du Markdown et optionnellement un peu de code. Un peu à la façon de reveal.js.
C'est en cours de développement mais je trouve ça déjà très prometteur.
On se dirige vers des choses intéressantes dans le monde des "bundler" JS :)
Un outil d'automatisation compatible avec de nombreux services web. Un peu à la manière d'un IFTTT mais plus flexible et visuel. Et auto-hébergeable.
Un moteur de positionnement pour tooltips. Cette lib n'inclut pas la partie visuelle du tooltip, uniquement la logique pour le positionner correctement (gestion du scroll, des bords d'écran, de suivi éventuel du curseur de la souris, etc.).
Si vous voulez la partie graphique en plus, alors jetez un coup d'oeil du côté de Tippy.js.
Un article super intéressant qui met en pratique le JavaScript moderne tout en construisant le jeu Tetris. C'est clair, élégant, bien pensé !
Une lib JavaScript pour créer des diagrammes de flux.
Demo : https://alyssax.com/x/flowy/