Cédric Soulas
I make motion graphics with RxJS. I code apps with JavaScript and Elm. I will be available for freelance work from mid-April 2018. Get in touch!

Ep. 27 Ep. 29 Newsletter Watch all Source on Github

RxJS Explorer 2.0

Learn. Compare. Update.

interval map take
This explorer is based on those three cards.

Learn how they work »

Legacy dot-chaining operators 🗝️

In RxJS 5.0 and before, we only had dot-chaining operators. Already feeling nostalgic?

📦 package.json

"dependencies": {
    "rxjs": "^5.0.3",
    ...
}
This is the source code of the demo in Episode 27.
Read the full tutorial: Episode 30 - Pipeable operators.

Browse all episodes

Hello pipeable operators! 🎉

RxJS 5.5 introduced pipeable operators. In particular, you can easily build custom and reusable operators! Open the pipe method tab and look at the custom draw operator.

📦 package.json

"dependencies": {
    "rxjs": "^5.5.7",
    ...
}

Pipeable operators

Use the pipe method built into Observable. Optionally, import the pipe function to build custom and reusable operators from other pipeable operators.

🌳 Imports, build and treeshaking

Pipeable operators can be imported from rxjs/operators. You should update your bundling tools and configuration to avoid larger application bundles.

⚗️ JavaScript pipeline operator

Try the experimental JavaScript pipeline operator with babel if you dare. This proposal is still at an early stage.

Optional milestone ⛱️

RxJS 5.6 is meant to ease the upgrade to 6.0. This is a short-term option.

📦 package.json

"dependencies": {
    "rxjs": "^5.6.0-forward-compat.0",
    ...
}

Pipeable operators

Use the pipe method built into Observable. Optionally, import the pipe function to build custom and reusable operators from other pipeable operators.

🌳 Imports, build and treeshaking

Pipeable operators can be imported from rxjs/operators. You should update your bundling tools and configuration to avoid larger application bundles.

⚗️ JavaScript pipeline operator

Try the experimental JavaScript pipeline operator with babel if you dare. This proposal is still at an early stage.

Compatibility package 🎁

Install the rxjs-compat package to keep on using dot-chaining operators and deprecated APIs with v6.

📦 package.json

"dependencies": {
    "rxjs": "^6.0.0-tactical-rc.1",
    "rxjs-compat": "^6.0.0-tactical-rc.1",
    ...
}

Pipeable operators

Use the pipe method built into Observable. Optionally, import the pipe function to build custom and reusable operators from other pipeable operators.

🌳 Imports, build and treeshaking

Pipeable operators can be imported from rxjs/operators. You should update your bundling tools and configuration to avoid larger application bundles.

⚗️ JavaScript pipeline operator

Try the experimental JavaScript pipeline operator with babel if you dare. This proposal is still at an early stage.

Goodbye dot-chaining operators 👋

The legacy dot-chaining operators no longer exist in v6. And there are several API changes.

📦 package.json

"dependencies": {
    "rxjs": "^6.0.0-tactical-rc.1",
    ...
}

Pipeable operators

Use the pipe method built into Observable. Optionally, import the pipe function to build custom and reusable operators from other pipeable operators.

🌳 Imports, build and treeshaking

Pipeable operators can be imported from rxjs/operators. You should update your bundling tools and configuration to avoid larger application bundles.

⚗️ JavaScript pipeline operator

Try the experimental JavaScript pipeline operator with babel if you dare. This proposal is still at an early stage.
reactive.how list of animated cards

Learn Reactive Programming

Focus on one new concept – every Monday

Occasional updates, plus:

Cédric Soulas
I make motion graphics with RxJS. I code apps with JavaScript and Elm. I will be available for freelance work from mid-April 2018.