machinelearningmastery.ru

Машинное обучение, нейронные сети, искусственный интеллект
Header decor

Home

Встречайте Reactime - государственный отладчик для React

Дата публикации Oct 3, 2019

Инструмент разработчика Chrome для отслеживания и визуализации изменений состояния в приложениях React

Управление состоянием является одним из наиболее важных аспектов при создании приложений React. Растущая популярность React Hooks и Context API предоставила более простое и легкое решение для использования библиотек централизованного управления состояниями, таких как Redux. С растущим сдвигом к альтернативному управлению состоянием вы можете задаться вопросом, как можно легко отслеживать и визуализировать изменения состояния.

Ответ: Reactime!

Представляем Reactime 2.0 Beta

ReacTime- это инструмент для разработчиков Chrome с открытым исходным кодом, созданный на основе Redux DevTools, предназначенный для помощи разработчикам в отладке приложений React путем отслеживания и визуализации изменений состояния. Это позволяет разработчику вернуться к любому ранее записанному состоянию, упрощая отладку состояния, особенно при масштабировании приложения.

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

Как это работает?

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

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

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

Как Reactime помогает

В связи с формирующейся тенденцией к контекстному API, хукам и функциональным компонентам в React, Reactime добавил функции, обеспечивающие поддержку постоянно растущего сообщества React, чтобы упростить процесс отладки для альтернативного управления состоянием.

Команда Reactime с нетерпением ждет своей последней бета-версии, и если вы заинтересованы, посетите нашСтраница GitHubи попробовать нашрасширение,

Оригинальная статья

Footer decor

© machinelearningmastery.ru | Ссылки на оригиналы и авторов сохранены. | map