Reactime в Chrome за допомогою OffiDocs

ОПИС

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 - Візуалізація дерева компонентів - Запис миттєвих знімків стану програми - Налагодження подорожей у часі - Порівняння серій знімків - Час і частота візуалізації компонентів - Підтримка Gatsby, Next.

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

Chrome потрібен час, щоб завантажити це.

Спробуйте кілька разів оновити програму, доки не побачите запущений 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-components-59f0758e0fa3

Додаткова інформація:

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

Reactime web extension інтегровано з OffiDocs Chromium онлайн