Reactime в Chrome с OffiDocs

ОПИСАНИЕ:

Запустите расширение интернет-магазина Chrome Reactime, используя OffiDocs Chromium онлайн.

Reactime был номинирован на премию Productivity Booster на React Open Source Awards 2020.

Посетите нас на https://www.

реакции

me/ Reactime — это инструмент разработчика Chrome с открытым исходным кодом для отладки путешествий во времени и мониторинга производительности в приложениях React.

Reactime позволяет разработчикам записывать снимки состояния приложения, переходить между снимками состояния и проверять их, а также отслеживать показатели производительности, такие как время и частота рендеринга компонентов.

Время реакции 18.

0 представляет ряд новых и улучшенных функций, направленных на повышение производительности и улучшение совместимости с Next.

js и приложения Remix.

Мы также исправили ошибку черного экрана и оптимизировали использование памяти для асинхронных вызовов.

Классификация моментальных снимков состояния по маршруту Список моментальных снимков состояния на панели инструментов Reactime теперь классифицируется по маршруту, чтобы дать разработчику визуальные подсказки о взаимосвязи между моментальным снимком и маршрутом и упростить отладку различных маршрутов во времени.

Фильтрация показателей производительности по маршруту Панель мониторинга Reactime включает гистограмму с накоплением, показывающую время рендеринга для каждого компонента, с отдельным набором гистограмм для каждого снимка.

С Реактайм 14.

0 эта составная гистограмма теперь может быть отфильтрована по маршруту, чтобы позволить разработчику просматривать подробные данные о производительности по маршруту.

Особенности: - Совместимость с React Router - Визуализация дерева компонентов - Запись моментальных снимков состояния приложения - Отладка с перемещением во времени - Сравнение серий снимков - Время и частота рендеринга компонентов - Поддержка Gatsby, Next.

js и Remix — Бета-поддержка TypeScript — Пошаговое руководство Устранение неполадок: почему Reactime сообщает мне, что приложение React не найдено? Первоначально Reactime запускается с использованием глобального хука инструментов разработки из Chrome API.

Хрому требуется время, чтобы загрузить это.

Попробуйте обновить приложение пару раз, пока не увидите, что Reactime работает.

Вместо расширения Reactime черный экран.

Попробуйте обновить приложение, которое хотите протестировать, и обновите DevTools, щелкнув правой кнопкой мыши «Обновить кадр».

Я нашел ошибку в Reactime.

Reactime — это проект с открытым исходным кодом, и мы будем очень признательны за вашу помощь в улучшении взаимодействия с пользователем.

Пожалуйста, создайте запрос на вытягивание (или проблему), чтобы предложить и совместно работать над изменениями в репозитории.

Дополнительная литература: 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.

средний.

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-comComponents-59f0758e0fa3

Дополнительная информация:

- Предлагается Reactime
- Средняя оценка: 4.7 звезд (очень понравилось)
- разработчик Этот адрес электронной почты защищен от спам-ботов. Ботов, для его просмотра включен JavaScript.

Веб-расширение Reactime, интегрированное с OffiDocs Chromium онлайн