Czas reakcji w Chrome z OffiDocs

OPIS

Reactime został nominowany do nagrody Productivity Booster podczas React Open Source Awards 2020. Odwiedź nas na https://www.

reakt.

me/ Reactime to narzędzie programistyczne Chrome typu open source do debugowania podróży w czasie i monitorowania wydajności w aplikacjach React.

Reactime umożliwia programistom rejestrowanie migawek stanu aplikacji, przeskakiwanie pomiędzy i sprawdzanie migawek stanu oraz monitorowanie wskaźników wydajności, takich jak czas renderowania komponentów i częstotliwość renderowania.

Reactime 18.0 wprowadza szereg nowych i ulepszonych funkcji mających na celu poprawę wydajności i zwiększenie kompatybilności z Next.

js i aplikacji Remix.

Naprawiliśmy również błąd czarnego ekranu i zoptymalizowaliśmy użycie pamięci dla połączeń asynchronicznych.

Klasyfikacja migawek stanu według trasy Lista migawek stanu na pulpicie nawigacyjnym Reactime jest teraz klasyfikowana według trasy, aby dać programistom wizualne wskazówki dotyczące relacji migawka-trasa i ułatwić debugowanie podróży w czasie różnymi trasami.

Filtrowanie metryk wydajności według trasy Pulpit nawigacyjny Reactime zawiera skumulowany wykres słupkowy pokazujący czasy renderowania dla każdego komponentu, z oddzielnym stosem słupków dla każdej migawki.

Dzięki Reactime 14.0 ten złożony wykres słupkowy można teraz filtrować według trasy, aby umożliwić programistom przeglądanie szczegółowych danych dotyczących wydajności według trasy.

Cechy: - Kompatybilność z routerami React - Wizualizacja drzewa komponentów - Rejestrowanie migawek stanu aplikacji - Debugowanie podróży w czasie - Porównanie serii migawek - Czas i częstotliwość renderowania komponentów - Wsparcie dla Gatsby, Next.

js i Remix - Wsparcie Beta dla TypeScript - Samouczek Rozwiązywanie problemów: Dlaczego Reactime mówi mi, że nie znaleziono aplikacji React? Reactime początkowo działa przy użyciu globalnego haka narzędzi deweloperskich z interfejsu API Chrome.

Załadowanie tego przez Chrome zajmuje trochę czasu.

Spróbuj odświeżyć swoją aplikację kilka razy, aż zobaczysz, że Reactime działa.

Zamiast rozszerzenia Reactime jest czarny ekran.

Spróbuj odświeżyć aplikację, którą chcesz przetestować i odśwież DevTools, klikając prawym przyciskiem myszy „Przeładuj ramkę”.

Znalazłem błąd w Reactime.

Reactime to projekt typu open source i bylibyśmy wdzięczni za pomoc w ulepszaniu doświadczeń użytkowników.

Utwórz pull request (lub problem), aby zaproponować i współpracować nad zmianami w repozytorium.

Dalsza lektura: https://medium.

com/@zdf2424/reactime-18-0-better-than-ever-148b81606257 https://medium.

com/better-programming/time-traveling-state-with-reactime-6-0-53fdc3ae2a20 https://medium.

com/@aquinojardim/react-fiber-reactime-4-0-f200f02e7fa8 https://medium.

com/@yujinkay/meet-reactime-a-time-traveling-state-debugger-for-react-24f0fce96802 https://itnext.

io/deep-in-the-weeds-with-reactime-concurrent-react-fiberroot-and-browser-history-caching-7ce9d7300abb https://rxlina.

średni.

com/time-traveling-through-react-state-with-reactime-9-0-371dbdc99319 https://medium.

com/@liuedar/what-time-is-it-reactime-fd7267b9eb89 https://medium.

com/@christinaor/uncovering-reactime-understanding-react-fiber-redux-compatibility-and-zoning-in-on-components-59f0758e0fa3

Dodatkowe informacje:

- Oferowane przez Reactime
- Średnia ocena: 4.7 gwiazdek (bardzo mi się podobało)
- Deweloper Ten adres pocztowy jest chroniony przed spamowaniem. W przeglądarce musi być włączona obsługa JavaScript, żeby go zobaczyć.

Sieć czasu reakcji extension zintegrowany z OffiDocs Chromium Online