Operators

[lukaszgrudnik]

I encountered an issue that I needed to subscribe several roughly 11 different observables. This problem can be solved by using zip operator, but this operator returns array that is hard do cope with in code. It's not as readable as I would wish to.Maybe you encountered such problem as well, what do you think about custom operator like this in the exmaple below ?

interface UserData {...}

interface CarData {...}

interface Address {...}

zipLikeOperator(
{
users: Observable<UserData[]>,
cars: Observable<CarData[]>,
addresses: Observable<Address[]>
}
).subscribe((data: {users: UserData[], cars: CarData[], adressess: Address[]})=> {

})

[jakovljevic-mladen]

You can use map operator to transform array to an object:

zip(users, cars, addresses).pipe(
  map(([users, cars, addresses]) => ({ users, cars, addresses }))
)

[lukaszgrudnik]

Quite straightforward but less elegant when you have many fields