WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Sep 21, 2023

How to Create New RxJS Operators

Mohammad-Ali A'râbi

Tame massive backend RxJS pipelines by building your own custom operators. Learn how advanced TypeScript features encapsulate messy data plumbing into highly testable, declarative code.

Pause
Mute Enter Fullscreen
#1 about 4 min

Origin and history of the ReactiveX ecosystem

The origin of ReactiveX addresses the complexity of concurrent programming using observable extensions across languages.

#2 about 3 min

Implementations of reactive programming in Java ecosystems

Java implementations like RxJava, Reactor, and Akka Streams offer distinct approaches to reactive backend engineering.

#3 about 2 min

Introduction of the pipe method in RxJS

RxJS 5.5 refactored the observable object by moving operator functions into a unified pipe method.

#4 about 3 min

Challenges of adopting RxJS in Node backend architectures

Stateless backend pipelines become long and difficult to read without proper functional decomposition.

#5 about 4 min

Refactoring long RxJS pipelines with custom operator functions

Creating higher-level functions to encapsulate low-level RxJS operations improves code readability and maintainability.

#6 about 5 min

Managing local pipeline state using custom tuple operators

Leveraging TypeScript arrays as tuples preserves intermediate values during complex RxJS stream transformations.

#7 about 4 min

Implementing custom array-based generic RxJS operators

Developers can use TypeScript generics and project functions to create custom RxJS operators like listMap and zipMap.

#8 about 7 min

Type definitions for handling nested observables in operators

Extending observable inputs and utilizing flatMap mechanisms allows custom operators to handle functions returning observables.

#9 about 2 min

Applying DRY principles to complex pipelines with TypeScript

Relying on strict TypeScript definitions ensures correct implementations when abstracting repetitive pipeline logic into operators.

#10 about 29 min

Testing and extending custom RxJS operators in production

Practical insights cover unit testing operators, error handling, syntax choices, and open-source contribution patterns.

Matching moments

7:00 min

Abstracting recurring logic into custom RxJS operators

Benedikt Starzengruber · LIVE

1:18 min

Structuring pipelines with new pipeable creation operators

Jan-Niklas Wortmann · LIVE

2:03 min

Building scalable applications with reactive programming

Josh Long · World Congress 2022

2:36 min

Utilizing JavaScript primitives for reactivity and user interface synchronization

Michael Egger-Zikes Michael Egger-Zikes · World Congress 2025

2:45 min

Constructing data pipelines with stream processing architecture operators

Soroosh Khodami Soroosh Khodami · World Congress 2024

4:36 min

Improved TypeScript type inference features in RxJS 7

Jan-Niklas Wortmann · LIVE

More from WeAreDevelopers LIVE

Fake or News - Claude's DNA Discovery, Quick Cloning & Crime on Insta thumbnail
6:07
2 days ago

Fake or News - Claude's DNA Discovery, Quick Cloning & Crime on Insta

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40
2 days ago

WeAreDevelopers LIVE - Playing in Production

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
16 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
23 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
24 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
30 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Related videos

Practice makes perfect - when it comes to RxJS thumbnail
33:25
LIVE • over 6 years ago

Practice makes perfect - when it comes to RxJS

Jan-Niklas Wortmann

Observables in Plain terms thumbnail
50:18
JS Congress • almost 5 years ago

Observables in Plain terms

Georgi Parlakov

Angular tips/tricks you can use from tomorrow on thumbnail
50:28
LIVE • over 4 years ago

Angular tips/tricks you can use from tomorrow on

Benedikt Starzengruber

Hello generics, goodbye boilerplate! thumbnail
42:16
LIVE • almost 6 years ago

Hello generics, goodbye boilerplate!

Miroslav Jonaš

Rethinking Reactive Architectures with GraphQL thumbnail
41:06
LIVE • over 5 years ago

Rethinking Reactive Architectures with GraphQL

David Leitner

The Art and Craft of Type Development thumbnail
43:20
LIVE • almost 6 years ago

The Art and Craft of Type Development

Michael Hladky, Stefan Baumgartner

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.