Debugowanie Redux w DevTools

W codziennej pracy z Reduxem bardzo przydaje się wtyczka do przeglądarki internetowej (Chrome, Firefox, Brave), która pozwala w czasie rzeczywistym podglądać stan naszego store’a oraz chronologiczną listę wszystkich wykonanych akcji. Dodatkową przydatną funkcją jest możliwość odpalania akcji z poziomu wtyczki, zapisywanie aktualnego stanu do pliku oraz słynne podróżowanie w czasie (time travelling debugging).

Przypomnij sobie ile razy w swojej aplikacji musiałeś/aś odtworzyć dany stan. Zwykle polega to na odświeżeniu aplikacji oraz “wyklikaniu” stanu komponentów do momentu aż mamy sytuację, którą chcemy zbadać. Dzięki tej wtyczce możemy zaoszczędzić sporo czasu i dokładnie przeanalizować co robią wywołane przez nas akcje. Jest to szczególnie nieocenione w dynamicznych aplikacjach gdzie wiele akcji może zostać odpalonych w krótkim odstępie czasu.

Z tej lekcji dowiesz się jak posługiwać się wtyczką do debugowania z poziomu Twojej przeglądarki internetowej.

Zadanie domowe: Wykonaj parę akcji i sprawdź jak zmieniał się stan Twojego stora wewnątrz wtyczki.

Nie przegap nowych materiałów i zapisz się na Newsletter!

Z newslettera w każdej chwili można się bardzo łatwo wypisać. Wystarczy w stopce wiadomości kliknąć w link i już nigdy nie otrzymasz kolejnej wiadomości. Jeżeli interesuje Cię polityka prywatności oraz sprawy związane z tzw. RODO to zapraszam pod ten link.