Dodaj React.js Explorer do Chrome z React Developer Tools

Każdy programista powinien już wiedzieć o tym niesamowitym Narzędzia dla programistów Chrome. Ta funkcja jest wbudowany w Chrome i pozwala programistom sprawdź strony i edytuj lub usuń elementy bezpośrednio z przeglądarki.

Jest niewiarygodnie potężny i to najlepszy sposób zachowania na stronie badania takie jak opóźnienie, zasoby strony lub wykonywanie poleceń konsoli.

Zespół Facebooka stworzył React.js biblioteka, która wyodrębnia warstwę dla programistów frontendowych używaj ponownie niektórych elementów interfejsu użytkownika.

A teraz z React Tools Developer możesz sprawdź te hierarchie elementów i edytuj je bezpośrednio na stronie.

To jest całkowicie bezpłatne rozszerzenie i jego opracowany przez ludzi na Facebooku więc wiesz, że jest dobrej jakości.

Możesz również badaj różne stany i ścieżki drzew obiektowych w tym, które elementy znajdują się powyżej i poniżej innych elementów.

Na pasku bocznym możesz przeglądaj rekwizyty i stany które pozwalają studiować zachowanie innych elementów w tym samym drzewie. To jest właściwie świetna wtyczka dla nowszych użytkowników React ponieważ może pomóc im lepiej zrozumieć bibliotekę.

Oczywiście obejmuje to również dowolni słuchacze zdarzeń które mogą zmienić stan pewnego komponentu. I bułka tarta na dole pozwala łatwo przejrzeć elementy rodzic / dziecko.

To dalekie od idealnego narzędzia React. Ale to sprawi, że twoja praca będzie o wiele łatwiejsza, gdy będziesz budowanie aplikacji dynamicznych od podstaw.

Jego całkowicie otwarty z oficjalnym repozytorium GitHub prowadzonym przez Facebook i często aktualizowanym.

Możesz zainstalować to rozszerzenie Chrome dla dowolnej wersji Chrome. Lub jeśli jesteś użytkownikiem Firefox, możesz sprawdź dodatek FF który obsługuje FireFox v38 i wyższy. Jak dotąd nie widziałem żadnego wsparcia dla użytkowników Safari / Opera, ale jest to rozszerzenie open source, więc może to nastąpić w niedalekiej przyszłości.