Время реакции в Chrome с ОфиДокс

ОПИСАНИЕ

Reactime был номинирован на премию Productivity Booster на церемонии вручения наград React Open Source Awards 2020. Посетите нас по адресу https://www.

реакции

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

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

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

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

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

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

Фильтрация показателей производительности по маршруту Панель мониторинга 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.

Реактим веб extension интегрирован с OffiDocs Chromium онлайн