Push notification

Dans le passé, vous avez peut-être utilisé des notifications dans votre programme en utilisant quelque chose comme PubNub ou pusher ou un autre service tiers. Mais ce module, web-push, nous permet de le faire sans l’aide de l’un de ces services tiers. Avez-vous déjà entendu parler de service worker? Si vous ne connaissez pas ce qu’est une progressive web apps, il y a peu de chance que le terme de service worker vous parle...

4 mai 2019 Â· 4 min Â· Ludovic Wyffels

Comment écrire des applications Node.js en TypeScript

Depuis que j’ai découvert TypeScript, je l’utilise pour toutes mes applications JavaScript. Il y a tellement d’avantages à utiliser TypeScript que vous aurez besoin d’un argument convaincant pour me permettre d’écrire quoi que ce soit en JavaScript Vanilla. Dans cet article, je vais vous montrer comment configurer un environnement de développement simple pour écrire une application Node.js en TypeScript. Permettez-moi de commencer par dire qu’il existe probablement un millier de façons différentes de créer des applications Node....

27 avril 2019 Â· 7 min Â· Ludovic Wyffels

Comment créer une timeline avec React

Ces derniers jours, je travaille sur une nouvelle page pour mon site web. Je voulais avoir une timeline pour présenter certaines de mes réalisations au fil des ans. Je l’ai fait pour deux raisons: Mon futur moi se retournera un jour et dira: “Waouh… Je me souviens du jour où j’ai fait ça! Quel bonheur d’avoir atteint cet objectif!” Notre succès est un voyage,pas une destination, et je souhaite écrire chaque objectif que je réalise en cours de route....

26 avril 2019 Â· 8 min Â· Ludovic Wyffels

Architecture d'un projet node.js Bulletproof

Introduction Express.js est un excellent framework pour la création d’une API REST en node.js, mais il ne vous donne aucune indication sur la manière d’organiser votre projet node.js. Bien que cela puisse paraître stupide, c’est un problème réel. Une organisation correcte de la structure de votre projet node.js évitera la duplication de code, améliorera la stabilité et, éventuellement, vous aidera à faire évoluer vos services si cela est effectué correctement....

20 avril 2019 Â· 12 min Â· Ludovic Wyffels

Comment écrire de meilleures conditions en JavaScript

1. Utilisez Array.includes pour plusieurs critères Jetons un coup d’oeil à l’exemple ci-dessous: 1// condition 2function test(fruit) { 3 if (fruit == 'apple' || fruit == 'strawberry') { 4 console.log('red'); 5 } 6} À première vue, l’exemple ci-dessus semble bon. Cependant, que se passe-t-il si nous obtenons plus de fruits rouges, par exemple des cherry et des cranberries? Allons-nous étendre la déclaration avec plus ||? Nous pouvons réécrire la condition ci-dessus en utilisant `Array....

19 avril 2019 Â· 9 min Â· Ludovic Wyffels

Comment utiliser la console JavaScript aller au-delĂ  de console.log()

1// In your gatsby-config.js 2plugins: [ 3 { 4 resolve: `gatsby-transformer-remark`, 5 options: { 6 plugins: [ 7 `gatsby-remark-prismjs`, 8 ] 9 } 10 } 11] Comment utiliser la console JavaScript aller au-delà de console.log() L’un des moyens les plus simples de déboguer quoi que ce soit en JavaScript consiste à console.log des éléments à l’aide de console.log. Mais il y a beaucoup d’autres méthodes fournies par la console qui peuvent vous aider à mieux déboguer....

18 avril 2019 Â· 4 min Â· Ludovic Wyffels

Bienvenue sur mon blog crée avec Gatsby

Gatsby est un générateur de site statique pour React.js qui permet à l’utilisateur de créer des sites Web rapides et dynamiques. Gatsby se concentre sur l’optimisation des appareils mobiles et crée automatiquement une PWA (Progressive Web App). Le site Web est alimenté par diverses sources: Markdown, CMS, API, bases de données et bien d’autres. Pourquoi Gatsby.js? J’ai longtemps repoussé la relance de mon site, également parce que je n’avais pas trouvé de solution adéquate pour un blog....

17 avril 2019 Â· 3 min Â· Ludovic Wyffels

Map, filter, reduce

Ces trois fonctions sont utiles pour parcourir une liste (ou un tableau) et effectuer une sorte de transformation ou de calcul. Cela produira alors une nouvelle liste ou le résultat du calcul effectué sur la liste précédente. Les types Avant de plonger dans map, filter et reduce, configurons la liste. 1const enum House { 2 Gryffindor = "Gryffindor", 3 Hufflepuff = "Hufflepuff", 4 Ravenclaw = "Ravenclaw", 5 Slytherin = "Slytherin" 6} 7type Wizard = { 8 name: string; 9 house: House; 10 points: number; 11}; types....

3 mars 2019 Â· 6 min Â· Ludovic Wyffels