Redux-Thunk
minuta czytania
Redux-Thunk to biblioteka, która pozwala na wykonywanie operacji asynchronicznych w aplikacji opartej na Redux. Jest to jedno z najpopularniejszych rozszerzeń Redux, które pozwala na proste i czytelne zarządzanie stanem aplikacji.
Ostatnie oferty pracy
Redux-Thunk jest dodatkiem do biblioteki Redux. Hostowany jako oddzielna paczka w NPM, jest możliwy do pobrania i ustawienia jako middleware przy inicjalizacji Redux bez skomplikowanej konfiguracji. Pozwala uzyskać asynchroniczność zapytań. Middleware'y w redux pozwalają przechwycić zapytanie i zamiast wykonać pojedynczą zmianę na storze może wykonać serię zapytań, w międzyczasie mogą odpytać API po zewnętrzne dane. Całość jest możliwa, do uzyskania bez Redux-Thunk, ale ten znacznie to ułatwia.
Przykładowe zapytanie w Redux-Thunk
Najprostszym przykładem wykorzystania Redux-Thunk będzie zapytanie do API w celu zalogowania użytkownika. Aby zapytanie przebiegło poprawnie musi wydarzyć się parę rzeczy.
1. Ustawienie stanu aplikacji, że logowanie się rozpoczęło.
2. Wysłanie zapytania do API
3. Ustawienie danych użytkownika w store
4. Ewentualne zwrócenie błędu
export const authLogin = (email, password) => {
return dispatch => {
dispatch(authStart());
axios
.post(`${API_URL}/auth/api/v1/login/`, {
email: email,
password: password
})
.then(res => {
const token = res.data.token;
const user = res.data.user;
dispatch(authSuccess(token, user));
})
.catch(err => {
dispatch(authFail(err));
});
};
};
Dzięki takiemu podejściu możemy wyizolować część logiki naszej aplikacji do pojedynczej funkcji. Możemy wykorzystać mockowanie danych z API i w pełni przetestować działanie takiego Thunka.
Alternatywy do Redux-thunk
Alternatywą do Redux-thunk jest Context API, które jest wbudowane bezpośrednio w bibliotekę React. Zapytania asynchroniczne możemy z łatwością tam utworzyć. Praktyczną różnicę zobaczymy dopiero, gdy Context API będzie obsługiwać spory obiekt, w którym będziemy często aktualizować parametry. Może się okazać, że Context API jest wtedy mniej wydajny i zbyt często uruchamia aktualizacje DOM.
Mimo, że Redux jest oddzielną biblioteką to posiada bogatą dokumentację z dobrze opisanymi przykładami. Przykładów dla Redux-Thunk też jest dużo i jest zdecydowanie produkcyjnym rozwiązaniem do utrzymywania stanu aplikacji.
Nasza oferta
Web development
Dowiedz się więcejMobile development
Dowiedz się więcejE-commerce
Dowiedz się więcejProjektowanie UX/UI
Dowiedz się więcejOutsourcing
Dowiedz się więcejPowiązane artykuły
Networking w IT: jak skutecznie budować i utrzymywać sieć profesjonalnych kontaktów?
13 gru 2024
Networking w IT to kluczowy element kształtowania kariery zawodowej. W dobie dynamicznej cyfrowej transformacji, utrzymywanie sieci profesjonalnych kontaktów staje się niezbędnym narzędziem. Umożliwia wymianę doświadczeń, dzielenie się wiedzą i odkrywanie nowych możliwości. Ale jak skutecznie budować i utrzymywać te relacje? Czytaj dalej, aby dowiedzieć się więcej.
One-pager - Czy warto? Analiza zalet i wad stron internetowych w jednym oknie
13 gru 2024
One-pager to termin, który oznacza stronę internetową składającą się tylko z jednej podstrony. Czy to udogodnienie dla użytkownika czy może jednak problem? Poznajmy zalety i wady tej konstrukcji w kontekście potrzeb biznesowych i oczekiwań odbiorców. Nasza analiza pomoże Ci zdecydować, czy warto inwestować w one-pagery.
Kerning a percepcja tekstu: Oddziaływanie odpowiednich odstępów między literami na czytelność
13 gru 2024
Kerning, termin niewielu znanym poza branżą graficzną, odgrywa kluczową rolę w czytelności tekstu. Odpowiednio dobrane odstępy między literami potrafią nie tylko poprawić estetykę całego dzieła, ale także znacznie wpływają na postrzeganie i przyswajanie treści. Analizując to zjawisko, zrozumiesz, jak subtelne zmiany mogą generować wielkie efekty.
Dark Patterns: Zrozumienie ich natury i konsekwencji ich stosowania
12 gru 2024
Dark Patterns - to manipulacyjne techniki projektowania, które mają na celu skłonienie użytkowników do podejmowania działań niezgodnych z ich wolą. Chociaż powszechne w cyfrowym ekosystemie, ich natura i konsekwencje są często niedoceniane. Czy te praktyki są etycznie poprawne, czy może istnieje granica, której nie powinno się przekraczać? To pytania, które próbujemy odpowiedzieć w tym artykule.
Duże modele językowe (LLM): Mechanizm działania i znaczenie dla przełomu w dziedzinie sztucznej inteligencji
12 gru 2024
W świecie AI, duże modele językowe (LLM) stają się kluczowym elementem ewolucji. Pozwalają maszynom na naturalne 'rozumienie' i generowanie języka ludzkiego. Na czym jednak polega ich działanie? Jak wpłynęły na przełom w sztucznej inteligencji? Sprawdźmy to!
Jak zbudować naturalny profil linków: Najlepsze praktyki
12 gru 2024
Profilowanie linków to kluczowy element skutecznej optymalizacji SEO. W artykule przedstawimy strategie i metody, które pomogą Ci wykorzystać pełny potencjał Twojej strony internetowej. Dowiedz się, jak prawidłowo, a przede wszystkim - naturalnie budować profil linków dla Twojego serwisu.
Wprowadzenie do analizy PESTEL: Narzędzie strategiczne w biznesie
11 gru 2024
Strategiczna analiza biznesu to nieodłączny element prowadzenia firmy. Jednym z jej kluczowych narzędzi jest PESTEL, dający gruntowne spojrzenie na otoczenie biznesowe firmy. Pozwala to na efektywne pozycjonowanie firmy na rynku, dostosowywanie strategii, a także minimalizowanie ryzyka biznesowego.
Zobacz wszystkie artykuły