[2025-10-03] Czy wiesz, że za pomocą operatora shareReplay możesz cac… #273
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…he'ować dane z observable?
pogoma
reviewed
Oct 3, 2025
| - observable | ||
| --- | ||
|
|
||
| Często zdarza się, że nie chcemy za każdym razem ponownie wykonywać całej logiki z danego *Observable* — |
There was a problem hiding this comment.
Observable to nazwa klasy dałbym w apostrofach żeby się sformatowało jak kod
pogoma
reviewed
Oct 3, 2025
| image: /assets/img/posts/2025-10-03-czy-wiesz-ze-za-pomoca-operatora-sharereplay-mozesz-cache-owac-dane-z-observable/thumbnail.webp | ||
| tags: | ||
| - angular | ||
| - rxjs |
There was a problem hiding this comment.
rxjs dałbym jako pierwszy tag (on się wyświetli na liście)
pogoma
reviewed
Oct 3, 2025
| --- | ||
|
|
||
| Często zdarza się, że nie chcemy za każdym razem ponownie wykonywać całej logiki z danego *Observable* — | ||
| zamiast tego wolimy przechować jego wynik w pamięci. W Angularze (i ogólnie w RxJS) możemy to zrobić za pomocą operatora **`shareReplay`**. |
There was a problem hiding this comment.
przy shareReplay zostawiłbym same apostrofy (nie przekombinowujmy z formatowaniem)
pogoma
reviewed
Oct 3, 2025
|
|
||
| ## Przykład użycia | ||
| W przykładzie poniżej generujemy losową liczbę. Normalnie przy każdej subskrypcji otrzymalibyśmy nowy wynik, | ||
| ale dzięki `shareReplay` obie subskrypcje dostają dokładnie tę samą wartość. |
pogoma
reviewed
Oct 3, 2025
| s2: 742 | ||
| ``` | ||
| ## Opcje konfiguracji | ||
| Operator `shareReplay` posiada także dodatkowe opcje do skonfigurowania. |
pogoma
reviewed
Oct 3, 2025
|
|
||
|
|
||
| ### Przykład z dodatkowymi opcjami konfiguracji | ||
| Załóżmy, że chcemy cache’ować więcej niż jedną wartość i dodatkowo kontrolować czas ich przechowywania. |
There was a problem hiding this comment.
Wydaje mi się, że "dodatkowo" to wtrącenie i tam powinien być jakiś przecinek, ale niech się wypowie nasz specjalista od języka polskiego ;)
pogoma
reviewed
Oct 3, 2025
| ```typescript | ||
| shareReplay({ bufferSize: 3, refCount: true, windowTime: 500 }) | ||
| ``` | ||
| - zostaną umieszczone w buforze 3 ostatnie wartości, |
There was a problem hiding this comment.
Brakuje mi jakiejś części zdania przed tym wypunktowaniem
pogoma
reviewed
Oct 3, 2025
There was a problem hiding this comment.
IMO logo angulara jest tu chybione - jeśli miałoby to być logo to raczej rxjs
pogoma
reviewed
Oct 3, 2025
| author: ptatarski | ||
| image: /assets/img/posts/2025-10-03-czy-wiesz-ze-za-pomoca-operatora-sharereplay-mozesz-cache-owac-dane-z-observable/thumbnail.webp | ||
| tags: | ||
| - angular |
There was a problem hiding this comment.
wyrzuciłbym angulara z tagów
| Operator `shareReplay` posiada także dodatkowe opcje do skonfigurowania. | ||
| - `bufferSize` - określa wielkość wewnętrznego ReplaySubject (domyślnie przechowuje ostatnią wartość), | ||
| - `refCount` - określa, czy w momencie, gdy liczba subskrybentów wyniesie 0 shareReplay ma odsubskrybować się od źródłowego observable, co spowoduje wyczyszczenie cache (domyślnie false), | ||
| - `windowTime` - ograniczenie czasu przechowywanych wartości (domyślnie nie ogranicza). |
There was a problem hiding this comment.
ogranicza czas przechowywania wartości (czego domyślnie nie robi)
|
|
||
| ## Przykład użycia | ||
| W przykładzie poniżej generujemy losową liczbę. Normalnie przy każdej subskrypcji otrzymalibyśmy nowy wynik, | ||
| ale dzięki `shareReplay` obie subskrypcje dostają dokładnie tę samą wartość. |
|
|
||
|
|
||
| ### Przykład z dodatkowymi opcjami konfiguracji | ||
| Załóżmy, że chcemy cache’ować więcej niż jedną wartość i dodatkowo kontrolować czas ich przechowywania. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
…he'ować dane z observable?