rxjs.md

July 15, 2021 · View on GitHub

Bookmarks tagged [rxjs]

www.codever.land/bookmarks/t/rxjs

Angular - The RxJS library

https://angular.io/guide/rx-library

Reactive programming is an asynchronous programming paradigm concerned with data streams and the propagation of change (Wikipedia). RxJS (Reactive Extensions for JavaScript) is a library for reactive ...

Caching with RxJs Observables in Angular

https://www.syntaxsuccess.com/viewarticle/caching-with-rxjs-observables-in-angular-2.0

Simple caching with observables and publishReplay(1) and refCount

RxJs Error Handling: Complete Practical Guide

https://blog.angular-university.io/rxjs-error-handling/

Error handling is an essential part of RxJs, as we will need it in just about any reactive program that we write.

Error handling in RxJS is likely not as well understood as other parts of the library...

Angular Application Architecture: Build Reux-like Apps with RxJs

https://blog.angular-university.io/angular-2-application-architecture-building-applications-using-rx...

In this post, we are going to walk through how Angular applications can be built in a Functional Reactive style using the RxJs library that is part of Angular. We will go over the following topics:

*...

Aggregating Streams With Reduce And Scan using RxJS from @benlesh on @eggheadio

https://egghead.io/lessons/rxjs-aggregating-streams-with-reduce-and-scan-using-rxjs

What is the RxJS equivalent of Array reduce? What if I want to emit my reduced or aggregated value at each event? This brief tutorial covers Observable operators reduce() and scan(), their differences...

Functional Reactive Programming for Angular Developers

https://blog.angular-university.io/functional-reactive-programming-for-angular-2-developers-rxjs-and...

In this post, we are going to go over the concept of Functional Reactive Programming from the point of view of an Angular developer. Following topics are covered:

3 Common Angular Rxjs Pitfalls

https://blog.angular-university.io/angular-2-rxjs-common-pitfalls/

These are 3 situations that we can come across while building Angular apps using RxJs. We are going to go over why the issue happens and how to fix it

Angular Multiple HTTP Requests with RxJS - Angular 7 | 8

https://coryrylan.com/blog/angular-multiple-http-requests-with-rxjs

A typical pattern we run into with single page apps is to gather up data from multiple API endpoints and then display the gathered data to the user. Fetching numerous asynchronous requests and managin...

NGXS Home Page

https://www.ngxs.io/

NGXS is a state management pattern + library for Angular. It acts as a single source of truth for your application's state, providing simple rules for predictable state mutations.

NGXS is modeled aft...

Material Autocomplete - startWith operator

https://stackoverflow.com/questions/55262108/material-autocomplete-startwith-operator

Ignore the generic type <string | User> and focus on the value of the passed in parameter. The value that is actually passed to startWith in your code is an empty string ''.

why would you want it to ...

  • :calendar: published on: 2019-03-20
  • tags: angular, rxjs

RxJS: Understanding Lettable Operators — ncjamieson

https://ncjamieson.com/understanding-lettable-operators/

An update: lettable operators are now officially pipeable operators.

Lettable operators offer a new way of composing observable chains and they have advantages for both application developers and lib...

  • :calendar: published on: 2017-09-26
  • tags: rxjs

Reading the RxJS 6 Sources: Map and Pipe - Angular In Depth - Medium

https://medium.com/angular-in-depth/reading-the-rxjs-6-sources-map-and-pipe-94d51fec71c2

Welcome back. Today I’m very excited, because I’m finally going to dig into how pipe is implemented in RxJS. This article will start with an overview of how map and pipe work, and then will delve into...

RxJS: Don’t Unsubscribe - Ben Lesh - Medium

https://medium.com/@benlesh/rxjs-dont-unsubscribe-6753ed4fda87

Well… okay, just don’t unsubscribe quite so much.

I’m often enlisted to help someone debug an issue with their RxJS code or figure out how to structure an app that is composing a lot of async with Rx...

When To Subscribe – Angular In Depth

https://blog.angularindepth.com/when-to-subscribe-a83332ae053

When should you subscribe? The answer to that question is, “Only when you absolutely have to.” Because (among other reasons) if you don’t subscribe, you don’t have to unsubscribe.

So, when do you abs...

rx-book RxJS - Javascript library for functional reactive programming.

http://xgrommx.github.io/rx-book

Reactive Extensions (Rx) is a library for composing asynchronous and event-based programs using observable sequences and LINQ-style query operators.

Advanced caching with RxJS by thoughtram

https://blog.thoughtram.io/angular/2018/03/05/advanced-caching-with-rxjs.html

When building web applications, performance should always be a top priority. One very efficient way to optimize the performance of our applications and improve the experience of our site is to use cac...

Introduction · learn-rxjs

https://www.learnrxjs.io/

Clear examples, explanations, and resources for RxJS.

RxJs Mapping: switchMap vs mergeMap vs concatMap vs exhaustMap

https://blog.angular-university.io/rxjs-higher-order-mapping/

So that is what we will be doing in this post, we are going to learn in a logical order the concat, merge, switch and exhaust strategies and their corresponding mapping operators: concatMap, mergeMap,...

RxJS: Understanding the publish and share Operators

https://blog.angularindepth.com/rxjs-understanding-the-publish-and-share-operators-16ea2f446635

An in-depth look at the multicast, publish and share operators

  • :calendar: published on: 2017-08-23
  • tags: rxjs

On The Subject Of Subjects (in RxJS) – Ben Lesh

https://medium.com/@benlesh/on-the-subject-of-subjects-in-rxjs-2b08b7198b93

Subjects in RxJS are often misunderstood. Because they allow you to imperatively push values into an observable stream, people tend to abuse Subjects when they’re not quite sure how to make an Observa...

Hot vs Cold Observables – Ben Lesh

https://medium.com/@benlesh/hot-vs-cold-observables-f8094ed53339

You want a HOT observable when you don’t want to create your producer over and over again.

  • COLD is when your observable creates the producer
  • HOT is when your observable closes over the producer
  • :calendar: published on: 2016-03-29
  • tags: angular, rxjs

angular - BehaviorSubject vs Observable? - Stack Overflow

https://stackoverflow.com/questions/39494058/behaviorsubject-vs-observable

BehaviorSubject is a type of subject, a subject is a special type of observable so you can subscribe to messages like any other observable. The unique features of BehaviorSubject are:

  • It needs a...
  • :calendar: published on: 2016-11-01
  • tags: angular, rxjs

Introduction RxJS - Javascript library for functional reactive programming.

http://xgrommx.github.io/rx-book/

Reactive Extensions (Rx) is a library for composing asynchronous and event-based programs using observable sequences and LINQ-style query operators.

Learn to combine RxJs sequences with super intuitive interactive diagrams

https://blog.angularindepth.com/learn-to-combine-rxjs-sequences-with-super-intuitive-interactive-dia...

Sequence composition is a technique that enables you to create complex queries across multiple data sources by combing relevant streams into one. RxJs provides a variety of operators that can help you...

  • :calendar: published on: 2017-12-14
  • tags: rxjs

forkJoin · learn-rxjs

https://www.learnrxjs.io/operators/combination/forkjoin.html

This operator is best used when you have a group of observables and only care about the final emitted value of each. One common use case for this is if you wish to issue multiple requests on page load...

Map vs FlatMap by NamitaMalik

https://namitamalik.github.io/Map-vs-FlatMap/

This blog discusses difference between Map and FlatMap in RxJS.

RxJs SwitchMap Operator Deep Dive : How Does It Work ? Learn Selectors

http://blog.angular-university.io/rxjs-switchmap-operator/

Although RxJs has a large number of operators, in practice we end up using a relatively small number of them.

And right after the most familiar operators that are also available in arrays (like map, ...

  • :calendar: published on: 2017-05-05
  • tags: angular, rxjs

Angular2 Beta, RxJS, TypeScript - YouTube (1h40min)

https://youtu.be/R62iQvZ0bdQ?t=1633

Talk on RxJs and Observables by @BenLesh. Explanation of the difference between the merge, concat and switch strategies for combining Observables.

The introduction to Reactive Programming you've been missing · GitHub

https://gist.github.com/staltz/868e7e9bc2a7b8c1f754

The hardest part of the learning journey is thinking in Reactive. It's a lot about letting go of old imperative and stateful habits of typical programming, and forcing your brain to work in a differen...

ReactiveX - Observable

http://reactivex.io/documentation/observable.html

In ReactiveX an observer subscribes to an Observable. Then that observer reacts to whatever item or sequence of items the Observable emits. This pattern facilitates concurrent operations because...

3 Ways to Pass Async Data to Angular 2+ Child Components | Scotch

https://scotch.io/tutorials/3-ways-to-pass-async-data-to-angular-2-child-components

The three ways :

  1. Use ngIf
  2. Use ngOnChanges
  3. Use RxJs BehaviorSubject

André Staltz - How to debug RxJS code

http://staltz.com/how-to-debug-rxjs-code.html

  • First, draw the dependency graph.
  • Observables with two or more outgoing arrows in the dependency graph usually need to be hot.
  • To debug with the console log, use .do(), not .subscribe().
  • D...
  • tags: rxjs, debugging

RxMarbles: Interactive diagrams of Rx Observables

http://rxmarbles.com/

A webapp for experimenting with diagrams of Rx Observables, for learning purposes.

RxJS 5 Thinking Reactively | Ben Lesh - YouTube

https://youtu.be/3LKMwkuK0ZE

Cold vs Hot Observables by thoughtram

https://blog.thoughtram.io/angular/2016/06/16/cold-vs-hot-observables.html

Helps with simple examples understand the nature of hot and cold observables.

TABLE OF CONTENTS

  • Hot vs Cold Observables
  • Making Cold Observables Hot
  • Understanding publish, refCount and ...
  • tags: angular, observable, rxjs

Angular 2 Application Architecture: Build Reux-like Apps with RxJs

http://blog.angular-university.io/angular-2-application-architecture-building-applications-using-rxj...

In this post, we are going to walk through how Angular 2 applications can be built in a Functional Reactive style using the RxJs library that is part of Angular 2 (see Managing State in Angular 2 Appl...

Tackling State – Angular 2

http://victorsavkin.com/post/137821436516/managing-state-in-angular-2-applications

Managing application state is a hard problem. You need to coordinate between multiple backends, web workers, and UI components. Patterns like Redux and Flux are designed to address this problem by mak...