Photo by Charl Folscher on Unsplash

Introduction

This article belongs to a series called “Angular meets RxJS” in which I try to explain reactive programming using “RxJS” in an “Angular” context the best I can.

Table of contents

Basic concepts
RxJS subjects
RxJS operators (Part 1)
RxJS operators (Part 2)
RxJS operators (Part 3)
“takeUntil” and the “async” pipe
Higher-order observables
Error handling
RxJS schedulers (coming soon)
Mini-project: Build a Pokedex (coming soon)

In this article

Ah! Errors… Probably one of the most overlooked aspect of development. I have to admit that when I build a new application, 50% of my “TODO” are called “Error handling”. …


Photo by David Reger on Unsplash

Introduction

This article belongs to a series called “Angular meets RxJS” in which I try to explain reactive programming using “RxJS” in an “Angular” context the best I can.

Table of contents

Basic concepts
RxJS subjects
RxJS operators (Part 1)
RxJS operators (Part 2)
RxJS operators (Part 3)
“takeUntil” and the “async” pipe
Higher-order observables
Error handling
RxJS schedulers (coming soon)
Mini-project: Build a Pokedex (coming soon)

In this article

As we saw in the article about “RxJS” operators, a higher-order function in “JavaScript” is a function accepting another function in parameter or returning one. The same concept exists for observables. …


Photo by Lauren George on Unsplash

Introduction

This article belongs to a series called “Angular meets RxJS” in which I try to explain reactive programming using “RxJS” in an “Angular” context the best I can.

Table of contents

Basic concepts
RxJS subjects
RxJS operators (Part 1)
RxJS operators (Part 2)
RxJS operators (Part 3)
“takeUntil” and the “async” pipe
Higher-order observables
Error handling
RxJS schedulers (coming soon)
Mini-project: Build a Pokedex (coming soon)

In this article

One of the challenges of using “RxJS” with “Angular” is the fact that we need to free up resources used by observables in an optimal way to avoid memory leaks. So far, the only way we saw…


Photo by Erik Mclean on Unsplash

Introduction

This article belongs to a series called “Angular meets RxJS” in which I try to explain reactive programming using “RxJS” in an “Angular” context the best I can.

Table of contents

Basic concepts
RxJS subjects
RxJS operators (Part 1)
RxJS operators (Part 2)
RxJS operators (Part 3)
“takeUntil” and the “async” pipe
Higher-order observables
Error handling
RxJS schedulers (coming soon)
Mini-project: Build a Pokedex (coming soon)

In the previous article…

… we saw some popular and useful “RxJS” operators. We’ll continue on that path in this article where I’ll present some other very interesting operators. …


Photo by Mitchell Kmetz on Unsplash

Introduction

This article belongs to a series called “Angular meets RxJS” in which I try to explain reactive programming using “RxJS” in an “Angular” context the best I can.

Table of contents

Basic concepts
RxJS subjects
RxJS operators (Part 1)
RxJS operators (Part 2)
RxJS operators (Part 3)
“takeUntil” and the “async” pipe
Higher-order observables
Error handling
RxJS schedulers (coming soon)
Mini-project: Build a Pokedex (coming soon)

In the previous article…

…we talked about functional programming, marble diagrams and creation operators. We used them to create observables out of regular values or by combining other observables. Now, we’re going to see the other type of operators: the pipeable…


Photo by Jon Flobrant on Unsplash

Introduction

This article belongs to a series called “Angular meets RxJS” in which I try to explain reactive programming using “RxJS” in an “Angular” context the best I can.

Table of contents

Basic concepts
RxJS subjects
RxJS operators (Part 1)
RxJS operators (Part 2)
RxJS operators (Part 3)
“takeUntil” and the “async” pipe
Higher-order observables
Error handling
RxJS schedulers (coming soon)
Mini-project: Build a Pokedex (coming soon)

In this article…

What we learnt so far is pretty neat. …


Photo by Cam Adams on Unsplash

Introduction

This article belongs to a series called “Angular meets RxJS” in which I try to explain reactive programming using RxJS in a “Angular” context the best I can.

Table of contents

Basic concepts
RxJS subjects
RxJS operators (Part 1)
RxJS operators (Part 2)
RxJS operators (Part 3)
“takeUntil” and the “async” pipe
Higher-order observables
Error handling
RxJS schedulers (coming soon)
Mini-project: Build a Pokedex (coming soon)

In this article…

In the previous article, we focused on the basic concepts that you must know and understand to use “RxJS” in an efficient way. In this one, we’ll talk about “RxJS” subjects. …


Photo by Ryan Lara on Unsplash

Introduction

I’m working with “Angular” since the version 1.4 and I really enjoy it. It’s when I had switch to Angular 2 that I first heard about “RxJS” and reactive programming. I’m a bit ashamed to admit that my first reaction was to tell myself “who cares? I can build nice applications without it”… And I was not wrong… Indeed, it’s possible to create nice applications without “RxJS”, the same way it’s possible to be a very good golf player using a broom stick. …


Photo by Tianyi Ma on Unsplash

Context

I love rxjs… When I first started to use Angular, I tried to avoid it as most as possible (mostly because I really had difficulties to wrap my head around it) but now, I can’t imagine making any project without it.

However, as with every technology or framework, misusing it can have nasty consequences like memory leaks, application slowness or just undesired behaviors.

According to me, the most difficult concept in “rxjs” lies in higher order observables. For those who don’t know what that it is, it’s simply an observable that returns another one. …


Photo by Christian Wiediger on Unsplash

Powerful forms can be made with Angular using the “FormBuilder” class and native input elements. However, these elements sometimes don’t provide enough capabilities to display the form the way we want. In that case, you’ll need to build custom form components that must be supported by the “FormBuilder”. To do so, your custom component will have to implement the “ControlValueAccessor” interface, which is what we are going to talk about in this article.

What we’re going to build

In order to focus on the way to implement the “ControlValueAccessor” interface, we are going to build a very simple form control that will display a “on/off”…

Sébastien Sougnez

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store