Utilise Angular 5 (anciennement Angular 2) Learn RxJs, Observables + Build Angular Applications in Reactive Programming Style

Description
Le cours couvre comment construire des applications angulaires en style réactif en utilisant les RxJs et le modèle observable, et est divisé en deux sections : la première est une plongée profonde dans le modèle observable comme moyen de comprendre les RxJs, et la seconde est un catalogue de modèles de conception angulaire qui nous permettra de construire des applications angulaires en style réactif.

Ce cours utilise le langage Typescript, et comprend un Ebook auxiliaire - The Typescript Jumpstart Ebook.

Versions utilisées : Le référentiel de code de ce cours utilise la version 4 d'Angular, Typescript 2.2 et optionnellement le gestionnaire de paquets Yarn.

Quelle est votre plus grande difficulté pendant l'apprentissage de l'angularité ?

Bien que RxJS soit optionnel dans de nombreuses parties de l'API angulaire et que nous puissions généralement utiliser Promises à la place, l'un des éléments de la Feuille de route du projet angulaire est de permettre de construire des applications de style réactif, de sorte que la programmation clairement réactive est un sujet proche du cadre.

Quelle est la meilleure façon d'apprendre RxJs ?

La raison principale pourrait être que les Observables et la programmation réactive sont souvent présentés comme un changement de paradigme de programmation, une alternative aux promesses ou une généralisation des fonctions, qui sont des approches qui n'aident pas autant que nous pourrions le penser dans le processus d'apprentissage.

Nous allons prendre une autre façon d'apprendre ces concepts : nous allons voir que les RxJs et les Observables sont en fait une solution très pratique et efficace à un ensemble très commun de problèmes auxquels nous faisons face tout le temps tout en construisant des programmes asynchrones comme les interfaces utilisateur.

Nous allons voir que tout autour de RxJs et de la programmation réactive tourne autour d'une notion fondamentale : le modèle observable.

La meilleure façon d'apprendre RxJs RxJs

Nous allons aborder la programmation réactive comme un ensemble de modèles de développement d'applications, qui sont une évolution des solutions existantes, et dans la première section du cours, nous couvrirons le modèle observable comme une solution de conception pour la construction d'applications asynchrones qui évoluent bien en complexité.

Nous allons couvrir les multiples autres concepts satellites autour du modèle observable, à savoir l'Observateur et le Sujet, et nous allons aussi apprendre les avantages d'écrire des applications dans un style réactif en mettant en uvre notre propre version simplifiée d'un bus événementiel.

Nous verrons ensuite pourquoi cela n'évolue pas bien en complexité, après quoi nous refactoriserons l'application en utilisant le modèle observable et nous verrons comment il résout élégamment bon nombre des problèmes de la mise en uvre initiale.

Dans cette section, nous présenterons ensuite la bibliothèque RxJs, qui, à ce stade, aura beaucoup plus de sens compte tenu de la présentation précédente des modèles de conception sur lesquels elle est basée.

Quels modèles seront couverts dans ce cours ?

Avec le modèle observable et ses concepts connexes en place et après avoir introduit la bibliothèque RxJs, nous allons voir comment elle peut être utilisée pour construire des applications angulaires en style réactif.

Nous allons couvrir un ensemble de modèles réactifs à la fois pour la couche Vue et la couche Service, en utilisant un ensemble de petites applications avec un backend prêt à l'emploi intégré dans Firebase ou un serveur HTTP local, les modèles seront introduits soit comme implémentations à partir de zéro d'une fonctionnalité donnée, soit via des refactorings pas à pas.

Le catalogue de modèles de la deuxième partie du cours comprendra : les services observables sans état, les composants intelligents ou de présentation, les services de données observables, l'anti-modèle d'abonnement emboîté, la pagination des tables de données, les services locaux, le détail principal avec table principale mise en cache, les composants et services de traitement des erreurs, la pré-extraction des données du routeur (avec indicateur de chargement), les composants des conteneurs, les composants des formulaires réactifs, les ébauches de formulaires réactifs pré-enregistrement.

Cette section inclut également quelques discussions relatives à la conception d'applications, comme comment éviter les bulles d'événements sur l'arbre de présentation des composants locaux, et comment utiliser des composants intelligents profondément imbriqués avec la détection de changement OnPush.

Que pourrez-vous faire après avoir suivi ce cours ?

Après avoir suivi ce cours, vous serez à l'aise avec la programmation réactive, le modèle observable et la bibliothèque RxJs.

Vous serez en mesure de raisonner beaucoup plus facilement à propos de RxJs parce que vous connaissez maintenant les concepts fondamentaux sur lesquels il se base, ainsi que les intentions de conception sur lesquelles il se base, vous pourrez trouver votre chemin autour de la documentation et connaître plusieurs opérateurs couramment utilisés et surtout vous savez comment construire des applications angulaires en style réactif à l'aide de la bibliothèque RxJs.

CLIQUEZ ICI pour accéder à ce cours