Polecane wtyczki do przeglądarki chrome
Konfiguracja swojego środowiska i użycie odpowiednich narzędzi sprawia, że nasza praca może być przyjemniejsza, a przede wszystkim szybsza i efektywniejsza. W tym artykule zebrałem listę polecanych wtyczek do przeglądarki Chrome. Wtyczki te pomagają mi na co dzień w mojej pracy.
Tweak
Narzędzie do mockowania i podmieniania response bezpośrednio w przeglądarce. Założmy, że backend jeszcze nie działa, ale mamy gotowe kontrakty. Zamiast pisać mocki w kodzie, można je umieścić we wtyczce, odpytywać endpoint na którym backend będzie wystawiony i już tworzyć kod współpracujący z backendem. Potem wystarczy, że backend będzie gotowy, wtedy wyłączamy mock z wtyczki i wszystko powinno pięknie działać.
Inne zastosowanie wtyczki to odtworzenie błędu, który jest bardzo ciężki lub niemożliwy do wyklikania ręcznie. Na szczęście, dzięki dobremu logowaniu zdarzeń w aplikacji mamy request i response jaki na danym ekranie sprawia problemy. Wystarczy podmienić jakikolwiek request na sprawiający problemy i możemy debugować.
Measurmate
Przydaje się przy debugowaniu CSSów, a szczególnie odległości pomiędzy sekcjami. Sprawdzaniu marginesów i paddingów. Często przed oddaniem ekranu sprawdzam tym narzędziem czy wszystko zgadza się z wymiarami podanymi na designie.
React dev tools
Narzędzie to posiada dwie zakładki Components i Profiler. Components jest przeze mnie używany bardzo często do badania i debugowania renderowania się komponentów. W tej zakładce można sprawdzić obecne propsy komponentu, zmienić je, sprawdzić strukturę komponentów.
Zakładka Profiler dostarcza nam informacji o wydajności aplikacji.
Redux dev tools
Wtyczka pomagająca obserwować obecny i poprzednie stany przechowywane w reduxie. Możemy za pomocą tej wtyczki "podrożować w czasie".
Cypress recorder
Pozwala nam na nagrywanie obecnej sesji użytkownika i generuje kod odtwarzający sesję. Przyspiesza automatyzację testów e2e w cypress. Kod przez nią generowany nie zawsze jest idealny, ale jest bardzo dobrym punktem wyjścia do pisania testów e2e.
Generator danych testowych
W mojej pracy bardzo często muszę uzupełniać inputy danymi typu NIP, REGON, PESEL. Dzięki tej wtyczce wystarczy kliknąć na inputa prawym przyciskiem myszy i wybrać daną którą chcemy wygenerować. Przyspiesza to uzupełnianie formularzy sztucznymi danymi.
JSON viewer
Bardzo często w przeglądarce mamy doczynienia z JSONem w "surowej" formie. Wtedy jest on nieczytelny i ciężko z nim się pracuje. Wtyczka JSON viewer koloruje składnię i poprawia strukturę odczytywanego przez nas JSONa.
Menadżer haseł bitwarden
Podczas pracy mamy często wiele kont testowych z różnymi emailami/loginami i hasłami. Ciężko jest to wszystko zapamiętać, dlatego polecam używać menadżera haseł. Ja używam bitwardena do przechowywania danych do logowania i generowania haseł. Wystarczy teraz, że zapamiętam jedno hasło do bitwardena i regularnie będę zapisywał tam nowo stworzone konta. Wtyczka ma też autouzupełnianie pól co przyspiesza ich wypełanianie.
Daily.dev
W IT cały czas trzeba obserwować nowinki i newsy. Daily.dev to serwis je agregujący. Ma funkcję umieszczania, polecania i komentownia artykułów. Można też spersonalizować swój feed.
Podsumowanie
W naszej codziennej pracy warto zadbać o to, aby była przyjemna. Mam nadzieję, że lista polecanych wtyczek zwiększy Twoją wydajność i zmniejszy ilość bugów. Jeżeli masz propozycję innych wtyczek, które warto tu dodać? Napisz do mnie ;)