Poszukuje jakiegoś dobrego kursu na UDEMY z testowania Jasmine/Karma #rxjs #angular #programowanie dla junior/mid w testowaniu
Wszystko
Najnowsze
Archiwum
- 0
- 1
#programowanie #programista15k #angular
Pytanko mam o #rxjs i może ktoś odpowie, powiedzmy przychodzą jakieś dane z API, jakiś skomplikowany obiekt i sobie do stora w reducerze wrzucam pogrupowane dane czyli coś na zasadzie:
Pytanko mam o #rxjs i może ktoś odpowie, powiedzmy przychodzą jakieś dane z API, jakiś skomplikowany obiekt i sobie do stora w reducerze wrzucam pogrupowane dane czyli coś na zasadzie:
{
jakieśElementy1,
jakieśElementy2,- 0
@Dominias: o nie, przypomniales mi koszmar
setState(prevState => {...prevState })
setState(prevState => {...prevState })
- 0
#programowanie #angular #rxjs
Może mi ktoś podpowie czy jest w RxJS operator, który działa na zasadzie debounceTime ale przykładowo jeśli jest w p---u emitów to żeby debounce działał, ale jak minie powiedzmy 10s to niech aktualną wartość na ten moment obsłuży i ten debounce dalej działa.
Przyklad: dostaję mnóstwo updateów z API w ciągu powiedzmy minuty i żeby to zoptymalizować ustawiam debounceTime. Problem jest taki, że
Może mi ktoś podpowie czy jest w RxJS operator, który działa na zasadzie debounceTime ale przykładowo jeśli jest w p---u emitów to żeby debounce działał, ale jak minie powiedzmy 10s to niech aktualną wartość na ten moment obsłuży i ten debounce dalej działa.
Przyklad: dostaję mnóstwo updateów z API w ciągu powiedzmy minuty i żeby to zoptymalizować ustawiam debounceTime. Problem jest taki, że
- 0
@andrut1291: ok znalazłem to czego mi trzeba: https://www.learnrxjs.io/learn-rxjs/operators/filtering/throttletime
edit: chociaż nie do końca, bo nie emituje ostatniej wartości jeśli nie jest w 'interwale' https://reactive.how/throttletime
edit: chociaż nie do końca, bo nie emituje ostatniej wartości jeśli nie jest w 'interwale' https://reactive.how/throttletime
- 0
@Dominias: a może spróbuj po prostu setInterval/setTimeout. I gdy ktoś np wystąpi jakieś zdarzenie, resetujesz timer przez clearTimeout/clearInterval i uruchamiasz znów nowy?
- 1
────❌── A tak działa operator RxJS: takeUntil
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-takeuntil-explained
Obserwuj jak chcesz więcej!
#dlaprogramistow #cringe #javascript #rxjs #react #ember #angular #vue
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-takeuntil-explained
Obserwuj jak chcesz więcej!
#dlaprogramistow #cringe #javascript #rxjs #react #ember #angular #vue
źródło: comment_1617978534R3GjNwUFLJ4B9qpubIMO7T.gif
Pobierz- 4
A tak działa operator RxJS: distinctUntilChanged
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-distinctuntilchanged-explained
Obserwuj jak chcesz więcej!
#dlaprogramistow #javascript #rxjs #react #ember #angular #vue
Więcej tutaj: https://summonthejson.com/blogs/tips/rxjs-distinctuntilchanged-explained
Obserwuj jak chcesz więcej!
#dlaprogramistow #javascript #rxjs #react #ember #angular #vue
źródło: comment_1617808412A7XkT4XGeElU0RFPIuYvgR.gif
Pobierz@tomaszs: pierunie, jake to je dobre
@waginoentuzjasta dobre ale lepiej nauczyć się czytać Marbles diagramy i docsy ;)
- 4
Tak działa operator denounce w RxJS. Dowiedz się więcej tutaj: https://summonthejson.com/blogs/news/rxjs-debounce-explained
Chcesz więcej? Obserwuj #dlaprogramistow
#rxjs #javascript #react #angular
Chcesz więcej? Obserwuj #dlaprogramistow
#rxjs #javascript #react #angular
źródło: comment_16172957934f20uDFh2aLZiMXFxA8RpD.gif
Pobierz- 0
- 2
Tak działa operator throttle w RxJS. Dowiedz się więcej tutaj: https://summonthejson.com/blogs/news/rxjs-throttle-explained
Chcesz więcej? Obserwuj #dlaprogramistow
#rxjs #javascript #react #angular
Chcesz więcej? Obserwuj #dlaprogramistow
#rxjs #javascript #react #angular
źródło: comment_1617185040HOPfV3CtANrYXuLCqBj1zV.gif
Pobierz@tomaszs: chetnie bym sie dowiedzial jak dziala switchMap bo nie do końca wiem o co w tym chodzi
- 0
@mirasKo-Kalwario: możliwe że zrobie coś na ten temat także zachęcam do śledzenia #dlaprogramistow
Da sie ograniczać zapytania http poprzez http interceptor? Takie przesuwające się okienko z n aktywnymi zapytaniami.
https://www.reddit.com/r/Angular2/comments/l04ql7/httpinterceptors_http_rate_limiter_sliding_window/
#angular #rxjs #programowanie
https://www.reddit.com/r/Angular2/comments/l04ql7/httpinterceptors_http_rate_limiter_sliding_window/
#angular #rxjs #programowanie
źródło: comment_1611009606k39lWCyrJx0uAodzFoKcQg.jpg
Pobierz- 0
Wlasnie skończyłem czytać. Dodatki: ECMAScript, TypeScript, npm i wstep do RxJS. Generalnie dobrze napisane. Do RxJS chyba mam osobnego e-booka. Tutaj byly podstawy. Jestem zadowolony z tego ebooka. Czas wybrac kolejny ebook :) #angular #typescript #rxjs #ecmascript #javascript
- 2
@Mazowia: juz programuje w TypeScript i z uzyciem Angulara od jakiegoś czasu. Raczej czytalem ta ksiazke i poprzednia by usystematyzowac wiedze i dowiedzieć sie czego nie wiem, naostrzyc piłę jak mówi Joel Spolsky :) No i dosyc duzo sie nauczylem takze od poniedzialku juz praktyka :)
- 0
@tlaziuk: jak w kolejce do polskiego lekarza :)
Treść przeznaczona dla osób powyżej 18 roku życia...
@PIENSCI_WONSZA: chyba nie do końca rozumiem o co Ci chodzi, ale co jest nie tak z expect(store.dispatch).toHaveBeenCalledWith(new NazwaAkcji(id, payload))?
#programowanie #javascript #reactiveprogramming
Co oznacza zapis funkcji w dokumentacji #rxjs?
Chodzi mi dokładnie o zapis funkcji project w mergeMap. Rozumiem, że przyjmuje ona argument i mnożony jest razy 10. A co oznaczają dwa myślniki i pionowa linia na końcu? Dlaczego potrojony jest zapis 10*i? Czy może to nie jest ogólny zapis ale rozpisanie konkretnego przykładu?
https://rxjs-dev.firebaseapp.com/api/operators/mergeMap
Co oznacza zapis funkcji w dokumentacji #rxjs?
Chodzi mi dokładnie o zapis funkcji project w mergeMap. Rozumiem, że przyjmuje ona argument i mnożony jest razy 10. A co oznaczają dwa myślniki i pionowa linia na końcu? Dlaczego potrojony jest zapis 10*i? Czy może to nie jest ogólny zapis ale rozpisanie konkretnego przykładu?
https://rxjs-dev.firebaseapp.com/api/operators/mergeMap
źródło: comment_EAq5JZcVcIRcDoMxL7wCLqawp5aRbAg2.jpg
Pobierz- 1
@ziolo86:
Zapis z myślnikami to pochodna wykorzystania rxjs-marbles do testów jednostkowych. Ta biblioteka pozwala na zapisanie Observable jako stringa, podwójny myślnik to separator elementów w strumieniu danych Observable.
mergeMap ma dwa zadania: dla każdego elementu z źródłowego obserwable wykonuje funkcję przekazaną jako argument, ta funkcja ma zwrócić Observeble | Promise | Array. Następnie mergeMap subskrybuje otrzymane Observable i zwraca scala wyniki tych Observable w jedno wynikowe Obresvable.
Należy pamiętać, że
Zapis z myślnikami to pochodna wykorzystania rxjs-marbles do testów jednostkowych. Ta biblioteka pozwala na zapisanie Observable jako stringa, podwójny myślnik to separator elementów w strumieniu danych Observable.
mergeMap ma dwa zadania: dla każdego elementu z źródłowego obserwable wykonuje funkcję przekazaną jako argument, ta funkcja ma zwrócić Observeble | Promise | Array. Następnie mergeMap subskrybuje otrzymane Observable i zwraca scala wyniki tych Observable w jedno wynikowe Obresvable.
Należy pamiętać, że
Myślniki oznaczają odstęp czasu pomiędzy emitowanymi wartościami a pionowa kreska oznacza zakończenie emitowania czyli complete w obserwerze
czy istnieje jakieś sensowne źródło nauki #rxjs poza oficjalną dokumentacją? trochę męczy mnie to skakanie po operatorach i szukanie który będzie tym właściwym dla moich potrzeb
#javascript #programowanie
#javascript #programowanie
- 1
@kernelpan1c: dużo fajnych materiałów:
https://github.com/ichpuchtli/awesome-rxjs
https://github.com/RxJS-CN/awesome-rxjs
https://github.com/ichpuchtli/awesome-rxjs
https://github.com/RxJS-CN/awesome-rxjs
- 12
Witamy Was serdecznie Mirki i Mirabelki!
Jako, że to pierwszy post tutaj, to wypada się przedstawić. (☞⌐▀͡ ͜ʖ͡▀ )☞
Jesteśmy DevMeetings i od 8 lat organizujemy bezpłatne warsztaty dla zaawansowanych developerów. Spotkania odbywają się w sobotę przez cały dzień, gdzie już możecie sami stworzyć aplikację przy użyciu nowej technologii. Specjalizujemy się w #frontend #javascript #react #reactjs #angularjs
Jako, że to pierwszy post tutaj, to wypada się przedstawić. (☞⌐▀͡ ͜ʖ͡▀ )☞
Jesteśmy DevMeetings i od 8 lat organizujemy bezpłatne warsztaty dla zaawansowanych developerów. Spotkania odbywają się w sobotę przez cały dzień, gdzie już możecie sami stworzyć aplikację przy użyciu nowej technologii. Specjalizujemy się w #frontend #javascript #react #reactjs #angularjs
#javascript #reactiveprogramming #rxjs
Otrzymuje Observable z Promise, który może zawierać obiekt z właściwością status_code 200 lub 500.
Jak mogę (bez if) wyświetlić alert dla każdego ze statusu?
Otrzymuje Observable z Promise, który może zawierać obiekt z właściwością status_code 200 lub 500.
Jak mogę (bez if) wyświetlić alert dla każdego ze statusu?
#javascript #rxjs
Co oznacza parametr concurrent w funkcji mergeMap?
http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-mergeMap
Co oznacza parametr concurrent w funkcji mergeMap?
http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-mergeMap
Maximum number of input Observables being subscribed to concurrently.
#angularjs #javascript #rxjs
Mikri, tworzę apkę w Angularze, gdzie serwisy/komponenty porozumiewają się za pomocą streamów (Obserwery subksrybuja się do Observable..).
Mam problem z przetestowaniem działania. Mam serwis , który odbiera mi dane z API (Observable.fromPromise(this.$hhtp.get...) - i za pomoca ReplaySubject przekazuje je dalej. W innych komponentach w onInit subksrybuje sie do tego subjectu. Wszystko działa ok.
Niestety mam problem z przetestowaniem działania. W teście robiąc coś takiego:
Mikri, tworzę apkę w Angularze, gdzie serwisy/komponenty porozumiewają się za pomocą streamów (Obserwery subksrybuja się do Observable..).
Mam problem z przetestowaniem działania. Mam serwis , który odbiera mi dane z API (Observable.fromPromise(this.$hhtp.get...) - i za pomoca ReplaySubject przekazuje je dalej. W innych komponentach w onInit subksrybuje sie do tego subjectu. Wszystko działa ok.
Niestety mam problem z przetestowaniem działania. W teście robiąc coś takiego:
this.$httpBackend.whenGET(- 0
@mariusz-laszczka: na gołym responsie musisz użyć funkcji
json()- 42
Ruszył nowy polski agregator treści #frontend -> polskifrontend.pl
Więcej informacji o projekcie na blogu jego twórcy -> https://nafrontendzie.pl/przedstawiam-moj-projekt-polskifrontend-pl
Propsuje.
"Jest
Więcej informacji o projekcie na blogu jego twórcy -> https://nafrontendzie.pl/przedstawiam-moj-projekt-polskifrontend-pl
Propsuje.
"Jest
źródło: comment_2aHeSncpEZLZpn5kHmtNJtCYGQfl2Ax5.jpg
Pobierz@normanos: może się przydać
źródło: comment_GlWTiDLCTgb183nEWcKHKmbv81sZ5ZIk.jpg
Pobierz@normanos super inicjatywa! A moze jakas apka mobilna pod projekt? :)
Komentarz usunięty przez autora Wpisu
@jjsszz: gdy pojawiają się problemy z bardziej skomplikowanymi Promisami, to wtedy przydałby się RxJS





















1. W funkcji initUpload() wysyłamy do serwera metadane, aby zweryfikować, czy plik nie został wcześniej wgrany. Trzeba jeszcze dodać liczenie SHA-256, a z tym mam trochę obawy, bo film nagrany telefonem może ważyć 2 GB, a wrzucenie całego pliku do pamięci, aby skorzystać z Crypto API (bo chyba strumieniowo się nie da), spowoduje wykrzaczenie się przeglądarki.
2.