| id | lesson | title | learnBackAbout | learnAbout | seeAlso | layout | class | preview_image | preview_image_alt |
|---|---|---|---|---|---|---|---|---|---|
pipeline-operator |
27 |
Reactive Programming - JavaScript Pipeline Operator |
rxjs/pipeable-operators |
popmotion/tween |
takeWhile |
default |
post |
pipeline-operator/content_preview.jpg |
pipeline operator |
In this episode I will use map and take. You should watch the related episodes:
{:.w150}
{:.w250}Today, I show you the pipeline operator proposal in Javascript, in action with RxJS pipeable operators. Links about my configuration are after the video!
Recently, Ben Lesh tweeted the importance of the pipeline operator proposal in JavaScript.
Try the pipeline operator! This is what I installed:
- Babel plugin proposal-pipeline-operator (babel 7 beta)
- Prettier code formatter, that now supports the pipeline operator by default
- Fira Code font with programming ligatures to have
▷instead of|>
🎨 In the previous episode, I used the Gloom theme port for VS Code. But it doesn't work with ▷ the ligature. Instead, in today's demo, I used the Hydra theme.
UPDATE 1 🔥 Try RxJS Explorer to learn more and download the source code of this demo.
UPDATE 2 🔥 Full tutorial available: Pipeable operators - Build your own in RxJS!
{:.w450.shadow-lg}