Gestion d'un refresh token JWT avec axios côté client.
En gros lorsque l'access token est périmé, le client est censé utiliser le refresh token pour obtenir un nouvel access token. Mais il faut que ça se passe de manière totalement transparente pour le client. Ça implique donc :
refresh de l'API pour récupérer un nouvel access token.Tout cela peut se faire grâce aux intercepteurs d'axios.
Une collection de packages npm qui permettent d'ajouter de nouvelles polices d'écriture à vos applications web sans vous prendre la tête.
C'est aussi simple que :
npm install --save @fontsource/open-sanspuis dans votre index.js :
import '@fontsource/open-sans/400.css';Comparaison des meilleures alternatives à moment.js :
De mon côté j'ai souvent utilisé Day.js qui est très bien mais date-fns a l'avantage de se reposer sur l'objet Date natif de JavaScript, ce qui peut s'avérer pratique pour l'utilisation de librairies de datepicker par exemple.
Une lib JavaScript pour créer des animations. Son poids est très réduit mais elle semble complète en terme de fonctionnalités. Elle possède en outre des helpers pour Vue et Solid.
Une lib de recherche côté client en JavaScript. Ça peut convenir pour les sites statiques, il faut juste construire un index du contenu et l'exposer en JSON.
Une alternative à Node.js ou Deno. Ce runtime JavaScript vante ses très bonnes performances. Il présente l'avantage d'être compatible avec une majorité des packages npm.
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.