Losing state in your RxJS streams? Learn to build custom operators that carry values through your pipeline, resulting in cleaner, more maintainable code.
#1about 5 minutes
The history and evolution of ReactiveX and RxJS
ReactiveX originated at Microsoft to simplify concurrent programming and evolved into libraries like RxJava at Netflix and the widely used RxJS.
#2about 4 minutes
How pipeable operators changed the RxJS API
RxJS version 5.5 introduced the pipe function, decoupling operators from the observable object and enabling developers to create their own.
#3about 5 minutes
Addressing the challenge of long, unreadable pipelines
Using RxJS extensively in a Node.js backend led to long, unreadable pipelines, which were improved by extracting logic into named functions.
#4about 4 minutes
Preserving state in pipelines using tuples and zip operators
The flatZipMap operator was created to solve the problem of losing access to previous values in a stream by pairing results into a tuple.
#5about 6 minutes
Implementing custom operators with TypeScript generics
Creating a custom operator involves defining a function that returns an OperatorFunction with specific input and output types using TypeScript generics.
#6about 6 minutes
Advanced typing for complex custom operators
Complex operators like flatListFlatMap demonstrate how advanced TypeScript features like ObservableInput and ObservedValueOf are essential for correct type inference.
#7about 28 minutes
Q&A on testing, pitfalls, and contributing
The Q&A session covers unit testing custom operators, handling errors, key differences with RxJava, and how to contribute to open-source RxJS libraries.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
06:59 MIN
Create custom RxJS operators for cleaner data streams
Angular tips/tricks you can use from tomorrow on
07:38 MIN
Understanding the core concept of operators as wrappers
Observables in Plain terms
05:07 MIN
Developing a reactive mindset for RxJS
Practice makes perfect - when it comes to RxJS
08:27 MIN
Exploring the core principles of reactive programming
All the videos of Halfstack London 2024!Last month was Halfstack London, a conference about the web, JavaScript and half a dozen other things. We were there to deliver a talk, but also to record all the sessions and we're happy to share them with you. It took a bit as we had to wait for th...
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take partStarting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...