Programmation Réactive Fonctionnelle: RxJS

28040
,

Salut à tous,

Série de vidéos autour de la programmation réactive fonctionnel et plus particulièrement de RxJS.
Dans cette partie théorique on introduit des sujets tels que :
-Différences de programmation (Imperative vs Declarative)
-Programmation Fonctionnelle (Function First Class Citizen - High Order Function - Immutable Data - Pure Function - Recursion - Functor - Monad - Lazy Evaluation)
-Programmation Réactive
-Deux Patron de Conception issue de la programmation Orientée Objet
-Flux de données Unidirectionnel
Tout ceci permet de comprendre les bases internes de la bibliothèque RxJS indispensables pour la suite.

Github correspondant

N'hésitez pas à commenter :D

7 Réponse

28040
,

Hello everybody,

On continue avec la dernière partie purement théorique présentant en détail ce qui constitue un stream de bout en bout: des Observables constituant ensemble un pipeline débouchant sur des Observers.

Nous détaillerons les concepts fondamentaux: unidrectional data flow, de separation of concern & pure function.

Enfin, nous nous focaliserons sur l'API de la bibliothèque RxJS de Reactive.X pour avoir un première aperçu sur comment développer un stream.

J'ai été ravie de pouvoir enregistrer tout cela j'espère que cela se ressent. Je vous laisse en bonne compagnie et vous dit à dans deux semaines pour la prochaine vidéo portant sur les Observables Operators.

Slides correspondantes

28040
,

Hola le monde,

Cette semaine on prend le temps d'intérioriser ce que l'on a vu avec une vidéo beaucoup plus légère néanmoins on se doit de faire un rapide point sur ce que sont les Marble Diagrams et comment on lit ce type de diagramme idéal pour décrire les opérateurs RxJS et plus largement de programmation réactive:

Slides correspondantes

28040
,

Hallo every,

Aujourd'hui, on poursuit notre étude RxJS où l'on décortique ce qu'est un Observable Operator.
On abordera ici le fonctionnement commun à tous. On prendra le temps dans les prochaines vidéos de faire un focus sur chacun des types existant d'Observable Operator (Creation, Filtering, combination, transformation etc.).

On va ensuite concrètement expliciter les principaux opérateurs simple bijection avec le fameux MFR => Map, Filter, Reduce que possède nativement les array JavaScript.

Enfin, on utilisera ces méthodes dans deux petits exercices de recherche de caractère dans un texte.
Tout ceci dans le but d'appliquer et de comprendre la pensée fonctionnelle.
En effet, le raisonnement fonctionnel n'est pas forcément intuitif selon son background, il est donc impératif de l'appréhender un tant soit peu avant d'utiliser des bibliothèques fonctionnelles réactives telles que RxJS dans le cas présent.

Comme toujours j'ai pris un plaisir fou à enregistrer cette vidéo, je vous laisse avec celle-ci

Slides correspondantes

28040
,

Hallo every,

On poursuit avec l'étude d'une catégorie d'Observable Operator indispensable pour "Rxfié" nos applications drum rolls ... les Creator Operator!
Bah oui c'est les opérateurs qui seront nos points d'entrées dans la bibliothèque RxJS.

Nous commencerons par les présenter vous verrez ils ne sont pas nombreux et assez intuitifs.
Ensuite nous les illustrerons un à un.
Et enfin deux petits exercices qui permettront d'avoir une vue de bout en bout quant au raisonnement et la philosophie présentée jusqu'ici.

Et oui on a fait du chemin depuis le début de cette formation, il est temps nous sommes prêts et suffisamment armé pour commencer à manier la bibliothèque.

Certes, il nous reste encore pas mal de nouvelle catégorie à présenter que je garde pour la prochaine fois où l'on abordera les filtering operators

Allez la vidéo, à bientôt

Slides correspondantes

28040
,

Moin moin,

Filtrer en voilà une opération essentielle à toutes applications. C'est pourquoi nous allons commencer par ces opérateurs après avoir étudiés les Creator Operators
La bibliothèque RxJS, nous propose une panoplie de filtre qui vont nous permettre de régler tous les cas.

Nous verrons notamment que le temps peut être considérer comme un simple prédicat de filtre, en voilà un autre intérêt de la programmation réactive fonctionnelle pour résoudre nos de délai, ce qui pouvez très rapidement devenir casse-tête en plain JavaScript.

Enjoy ;)

Slides correspondantes

La prochaine fois nous étudierons les Opérateurs de Combinaison ceci sur trois différentes vidéos car oui combiné va nous permettre d'obtenir des stream contenant une business logique avancée et sans complexifié. Oubliez les noeuds d'asynchronisme qui nous bloque l'application, les streams vont nous permettre de nous rendre d'un point A à un point B avec une containte minimal. Mais çà c'est pour la prochaine fois A bientôt :D

28040
,

Ciao tutti,

Passons aux opérateurs de combinaison avec cette premiere vidéo introduisant la catégorie puis abordant les opérateurs: merge, concat, switchAll.
Enfin, en exercice du jour, je vous propose d'implémenter une searchbar aux fonctionalités très poussé et ceux en utilisant tout ce que l'on a étudié jusqu'ici en particulier les opérateurs du jour.

Bone visionnage ;)

Slides correspondantes

La prochaine fois nous poursuivrons avec une fournée de nouveaux opérateurs: combineLatest, forkJoin, zip, withLatestFrom, exhaust, race, et startWith.

A ++

28040
,

Hello le monde,

Chose promise chose due :

Slides correspondantes

La prochaine vidéo clôturera cette catégorie d'Observable à savoir les Combination Observable avant d'aborder la catégorie des Transformation Observable qui nous permettra de clore l'études des catégories d'Observable et donc de rentrer dans des choses beaucoup beaucoup plus puissante et donc plus poussé ahah deux curseurs souvent liés pour le meilleur et le pire