Nous voilà déjà au quatrième volet du tutoriel Vue.js 2.0 ! Au menu aujourd’hui : le pattern gestionnaire d’état dans Vue.js et une implémentation officielle avec Vuex.
Et voici le troisième volet de notre tutoriel Vue.js 2.0 dans lequel nous abordons la transmission d’informations d’un composant enfant vers un composant parent et la communication par événements.
Nous poursuivons notre tutoriel Vue.js 2.0 avec ce second volet dans lequel vous apprendrez les différentes façons de modifier les données d’un composant et de quelle manière invoquer un service REST.
Vue.js 2.0 est une solution de plus en plus plébiscitée face aux très tendances Angular et React. Sa simplicité d’accès assure une courbe d’apprentissage rapide et permet même à des développeurs “back”, qui comme moi appréhendent de développer en JavaScript, d’être étonnamment productifs.
Je vous propose de vous faire votre propre avis à travers un petit tutoriel en plusieurs volumes. Dans ce premier volume de la série, nous allons apprendre les bases : créer un projet, créer un composant et transmettre des données d’un composant parent à un composant enfant.
Commençons par présenter Electron…
Electron est un framework JavaScript développé et soutenu par GitHub afin d’offrir aux utilisateurs une expérience desktop de leur application. À l’instar du couple Ionic & Cordova qui propose de construire des applications mobiles multi-plateformes, Electron propose de développer des applications desktop sur Windows (>= Windows 7) , MacOS (>= OS X 10.8) et Linux (Ubuntu 12.04 ou supérieur, Fedora 21 et Debian 8).
« Encore un framework de front ? »
« Qu’est-ce qu’il a de révolutionnaire celui-là ? »
« Je commence juste à maîtriser Angular (il ne faut plus dire Angular2, c’est tellement 2016), je ne vais pas me remettre à un autre framework ! »
Voici le genre de réactions auxquelles on se heurte quand on commence à évoquer Vue.js.
Et pourtant…
RxJS (pour Reactive Extensions for JavaScript) est l’implémentation javascript de ReactiveX. ReactiveX est une API basée sur le pattern Observer et la programmation fonctionnelle pour gérer des événements asynchrones. ReactiveX est activement développé par Microsoft.
Aujourd’hui, RxJS est largement utilisée dans Angular 2, en particulier dans HTTP et EventEmitter. RxJS5 est pour l’instant en bêta et c’est ce qui est utilisé dans Angular2.
Jusqu’à maintenant les problématiques asynchrones en JavaScript étaient gérées principalement via le pattern Promise ou les EventEmitter. RxJS apporte une nouvelle approche qui permet de tirer partie du meilleur de ces deux approches.
