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
Performance Testing – jak poprawnie je wykonać?
24 lip 2024
Performance testing to kluczowy element w procesie tworzenia oprogramowania, mający na celu zapewnienie wysokiej jakości i sprawnego działania aplikacji. W tym przewodniku krok po kroku, przybliżę Ci zasady, metody oraz narzędzia, które pozwolą Ci efektywnie przeprowadzić testy wydajnościowe, a co za tym idzie - optymalizować działanie swojego oprogramowania.
![related-article-image-developer, Performance Testing](/_next/image?url=https%3A%2F%2Fd2ooyrflu7lhqd.cloudfront.net%2Fboringowl_io_developer_working_in_front_of_computer_there_is_co_2ea66295_1261_4fb3_9db6_43224455cd52_a643ef7008.png%3Fformat%3Dauto&w=3840&q=75)
Smarketing: Czym jest i dlaczego jest tak ważny dla współczesnych firm?
24 lip 2024
Smarketing, czyli integracja marketingu i sprzedaży, to nowoczesne podejście, które zdobywa popularność wśród współczesnych firm. W zglobalizowanym świecie, gdzie klienci mają nieograniczony dostęp do informacji, smarketing staje się kluczowy dla sukcesu biznesowego. Poznajmy bliżej tę strategię.
LLMO - Czym jest optymalizacja pod duże modele językowe
24 lip 2024
W świecie technologii, gdzie język staje się kluczem do interakcji między człowiekiem a maszyną, modelowanie językowe odgrywa kluczową rolę. Czy kiedykolwiek zastanawiałeś się, jak optymalizować duże modele językowe? Poznaj LLMO - rewolucyjny krok w dziedzinie modelowania językowego. Optymalizacja pod duże modele językowe otwiera nowe możliwości i perspektywy.
Privacy Sandbox – Kluczowe informacje, które musisz znać
23 lip 2024
Zasadnicze zrozumienie Privacy Sandbox - technologii stworzonej przez Google w celu ochrony prywatności online - jest niezbędne dla każdego, kto działa w świecie cyfrowym. W tym artykule poznasz nie tylko czym jest Privacy Sandbox, ale także jak ta innowacja wpływa na reklamę online i prywatność danych.
Czym tak naprawdę zajmuje się UX Strategist?
23 lip 2024
Zastanawiasz się, czym zajmuje się strateg UX? To osoba która zna wiele aspektów projektowania, która łączy kompetencje biznesowe i techniczne, a jego główne zadanie to odkrywanie, definiowanie i projektowanie celów produktu cyfrowego. Jest to kluczowa rola dla tworzenia użytecznych i atrakcyjnych interfejsów użytkownika.
Testy mutacyjne: Rewolucyjna strategia kontroli jakości w świecie programowania
23 lip 2024
Testy mutacyjne, znane też jako testy genetyczne, tackują wkroczenie w nową erę kontroli jakości w programowaniu. Aktualizacja naszego podejścia do testowania kodu staje się nieunikniona, a testy mutacyjne, podnosząc jakość i niezawodność naszych systemów, mogą odgrywać kluczową rolę.
Badania ilościowe w UX: Optymalizacja procesu i skuteczne wykorzystanie
22 lip 2024
Kiedy tworzymy doświadczenia online, jednym z kluczowych aspektów są badania ilościowe w UX. Natomiast, aby proces badania był efektywny, musi być on odpowiednio zoptymalizowany. W tym artykule zastanowimy się, jak skutecznie wykorzystać badania ilościowe w UX, aby poprawić naszą pracę.
Zobacz wszystkie artykuły