rxjs

RxJS has a nifty function, fromCallback that takes a function whose last parameter is a callback and returns an Observable . And I want to combine that with React's setState function so that I can do something analogous to: const setState = Rx.Observable.fromCallback(this.setState); setState({ myState: 'Hi there!' }).concat(....) so that any operations chained to setState are guaranteed to happen after the state has been set and, most importantly, that setState isn't invoked until there's an active subscriber. What I noticed though is that even without a subscribe, setState is being called

I've set up an epic that waits for another epic to complete, much like @jayphelps' answer here: Invoking epics from within other epics However I've found that it only seems to run once. After that I can see the CART_CONFIG_READY action in the console but the DO_THE_NEXT_THING action is not triggered. I've tried various combinations of mergeMap and switchMap , with and without take but nothing seems to help. This is (kind of) what my code looks like. import { NgRedux } from '@angular-redux/store'; import { Observable } from 'rxjs/Observable'; import { ActionsObservable } from 'redux-observable'

Follow up question to Share data between components using a service in Angular2 and a response I got. I'm trying to share data that a service providers retrieves via a GET. The component structure is as follows with the main routes going to CustomerPortalDashboardComponent and DocumentsComponent <CustomerPortalBaseComponent> <router-outlet> <CustomerPortalDashboardComponent/> <DocumentsComponent/> <router-outlet> </CustomerPortalBaseComponent> CustomerPortalBaseComponent makes a call to get user info: ngOnInit() { this.customerPortalUserService.getUserInfo() .subscribe( (event: HttpEvent<any>)

USE CASE I have a content page that has multiple instances of UserActionsComponent. I also have a global DataService that acts as a data provider with (wannabe) advanced caching. Data fetch hierarchy: In-Memory Cache >> Browser Storage (async) >> HTTP Request UserActionsComponent Requests dataService.getData(URL,params,method) PS: params has details like blogId which makes the hash signature unique DataService (.getData()) 1) Makes a unique hash KEY using something like genUniqueHash(URL+stringify(params)+method) 2) Checks if value is present in an in-memory cache (array[KEY]) - If yes, return

In my resolve guard I am getting an Http Observable to return the JSON of a user from a particular id . I want to catch an error and reroute to the users overview if the id does not exist. I have seen code that solves that with a Promise, but not with an Observable. I would like to see a solution with an Observable! Currently I get an "EXCEPTION: Uncaught (in promise): Response with status: 404 Not Found for URL: http://127.0.0.1:3000/users/191" since user 191 does not exsist. Here is my code: Resolve: import { Injectable } from '@angular/core'; import { Resolve, ActivatedRouteSnapshot,

I'm experimenting with RxJS (with the JQuery extension) and I'm trying to solve the following use case: Given that I have two buttons (A & B) I'd like to print a message if a certain "secret combination" is clicked within a given timeframe. For example the "secret combination" could be to click "ABBABA" within 5 seconds. If the combination is not entered within 5 seconds a timeout message should be displayed. This is what I currently have: var secretCombination = "ABBABA"; var buttonA = $("#button-a").clickAsObservable().map(function () { return "A"; }); var buttonB = $("#button-b")

I have a bunch of events to send up to a service. But the requests are rate limited and each request has a count limit: 1 request per second: bufferTime(1000) 100 event items per request: bufferCount(100) The problem is, I am not sure how to combine them in a way that makes sense. Allowing pass-through Complicating this further, I need to make sure that events go through instantaneously if we don't hit either limit. For example, I don't want it to actually wait for 100 event items before letting it go through if it's only one single event during a non-busy time. Legacy API I also found that