A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Evitando doble subscribe

12/25
Recursos

Aportes 31

Preguntas 8

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Ser铆a bueno que platzi saque un curso de rxjs con angular

se necesita un curso de rxjs鈥

Si realmente necesitamos un curso de rxjs con angular

se necesita un curso de rxjs鈥

Totalmente de acuerdo con martin, es una deuda vieja que tienen

se necesita un curso de rxjs鈥

Un curso de Rxjs y Ngrx

se necesita un curso de angular con rxjs, ionic con rxjs y ionic con capacitor

Se echa en falta un curso de RXJS en Angular y otro de Redux en Angular

la magia la hace rxjs, si pues, seria bueno un curso de rxjs con angular

No es una muy buena practica el anidamiento de subscribe al momento de hacer una petici贸n HTTP, debido que nos lleva a un callback hell y esto no escalable y es poco mantenible.

Para evitar este anidamiento utilizaremos observables de rxjs y un operador llamad 鈥渟witchmap鈥.

Lo que hace este operador cambia de un observable a otro tray茅ndonos el resultado del observable anterior (tal es el caso en js usando promise.then o async await por dar un ejemplo"

Ejemplo:

ngOnInit(): void {
    this.product$ = this.route.params.pipe(
      switchMap((params: Params) => {
        return this.productService.getProduct(params.id);
      })
    );
  }

Donde 鈥減roduct$鈥 es un observable:

product$: Observable<Product>;

de este modo podemos hacer una petici贸n a nuestro routing del id del producto y posteriormente hacer un consumo del producto buscado en nuestro template, usando observables.

<div *ngIf="(product$ | async) as product">

Deber铆an sacar un curso de RxJs con angular en platzi

Esto es excelente como para un carrousel que sea en base a Lazy Loading鈥

Se necesita el curso de RxJS si no cuesta entender del todo el concepto.

En definitiva, switchMap es una operaci贸n que permite 鈥渟witchear鈥 un Observable (Params, en el primer caso) por otro Observable (Product, en el segundo caso), dentro de un flujo de datos que pase por una cadena de operaciones (pipes).
.
De esta manera, podemos ejecutar una funci贸n utilizando un Observable anterior, y devolver un Observable nuevo, en un solo paso. Cada vez que switchMap reciba un dato, este se cancelar谩 y aparecer谩 el nuevo observable, por lo tanto, no sirve en el caso de que haya m谩s de un flujo de datos.
.
(ver https://www.learnrxjs.io/learn-rxjs/operators/transformation/switchmap)
.

Antes, haciamos una operaci贸n con un Observable, y el resultado si o si lo ten铆amos que leer con un subscribe para luego pasarlo a una funci贸n. Esto no es pr谩ctico porque la suscripci贸n queda andando y nunca se cierra.
.
Con este m茅todo, tenemos mayor flexibilidad para generar cadenas de funciones que procesen nuestros Observables, consecutivamente. As铆 como est谩 este map, hay otros map con otras caracter铆sticas, como mergeMap, por ejemplo.

Que buena explicacion en serio que buen curso, se ense帽an buenas practicas

Seg煤n documentaci贸n el swicthMap cancela la petici贸n anterior en caso que sea demorada, que tan cierto es esto ?

Recomiendo mucho ver el siguiente video para profundizar un poco mas en las estrategias para aplanar subscriptions de RXJS

https://www.youtube.com/watch?v=sxjpUNRU_tI&list=PL4vWncexIMYuvT5oCCGpShrRoM0hizLky&index=2

En esta linea *<div ngIf="(product$ | async) as product"> por que as crea la varaible product? no se supone que as sirve para castear?

Coincido con los comentarios, seria muy util un curso de Rxjs en Angular

Definitivamente hace falta un curso de RxJs en Angular.

Sin duda alguna seria excelente contar con un Curso de RxJS en esta carrera.

Excelente clase!

Alguien me puede ayudar con esto, me da un error pero no se porque, tengo el mismo codigo que el profesor pero a煤n as铆 me da un error por un Observable<Unknown>

Recomiendo ver 2 veces este video se entiende mucho mejor 馃槃 .

Un curso de Rxjs y Ngrx
馃槢

como puede hacer que mi menu lateral desplegable se mantenga asi ,cuando vaya a otra url con routerlink , dentro del proyecto angular , claro si tengo menu con submenus . (puedes mostrar un ejemplo) por favor

Que bonito es lo bonito!

bajo este modo, cual seria la mejor forma de controlar la visivilidad de un spinner una vez que los datos se hayan cargado?

Genial esta clase, este concepto es muy importante y necesario en las buenas pr脿cticas de programaci貌n

Curso de RXJS