3 façons de communiquer entre les composants Angular

Bien que le titre de cet article soit un peu trompeur, car nous ne souhaitons pas vraiment communiquer directement entre les composants. Nos composants doivent être isolés et encapsulés. J’ai choisi ce titre parce que je pense que les développeurs aux prises avec ce problème le googleront de cette façon. Comment communiquer entre les composants? C’est le sujet sur lequel j’ai vu beaucoup de nouveaux développeurs angular lutter pour communiquer entre les composants....

7 mai 2019 Â· 4 min Â· Ludovic Wyffels

Comment Gatsby évolue avec votre expertise

De nombreux utilisateurs de Gatsby ne sont pas des professionnels de React ou n’étaient pas des professionnels de React lorsqu’ils ont commencé à utiliser Gatsby. Certains ont déjà utilisé d’autres frameworks. Certains connaissaient JavaScript. D’autres encore sont peut-être entièrement nouveaux dans la programmation! Dans tous les cas de figure, cette personne possédant une expérience et une expertise disparates était capable d’utiliser, d’apprécier et d’aimer utiliser Gatsby. Je suis moi-même même un exemple de cette idée d’échelle générale....

5 mai 2019 Â· 4 min Â· Ludovic Wyffels

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

Angular DevOps: CT/CI avec Travis CI et Github Pages

Cet article explique comment utiliser Travis CI pour surveiller les modifications apportées à la branche principale de notre référentiel GitHub . Nous allons configurer Travis CI de manière à ce que lors de la mise en place d’un nouveau commit pour notre application Angular, celui-ci: Exécuter le linter Lancer nos tests unitaires Lancer nos tests E2E Construire notre application pour la production Déployé vers GitHub Pages Définitions Test continu (CT) Les tests continus consistent à exécuter des tests automatisés dans le cadre du pipeline de livraison de logiciels pour obtenir un retour immédiat sur les risques commerciaux associés à une version candidate du lociel....

29 avril 2019 Â· 5 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