Какие есть варианты для отладки приложения React Native + Redux?

Question

Я изучал варианты отладки приложения React Native + Redux. Особенно редукционная часть. Какой ваш предпочтительный способ сделать это? Надеюсь узнать!

Answer 1

Я использую React Native Debugger в качестве автономной версии для этого. Он может показать всю историю изменений состояния редукции и предоставить вам несколько удобных инструментов, таких как Raw-View, Chart-View или Diff-View. И вам не нужно ничего добавлять в свой код приложения (например, для Reactotron).

Это выглядит так:

Чтобы активировать Redux-Panel, достаточно щелкнуть правой кнопкой мыши в окне отладчика и выбрать Toggle redux devtools.

Answer 2

Существует несколько инструментов, полезных для разработчиков при работе с redux, и из всех них я настоятельно рекомендую использовать оба ниже

Reactotron :

- view your application state
- show API requests & responses
- perform quick performance benchmarks
- subscribe to parts of your application state
- display messages similar to console.log
- track global errors with source-mapped stack traces including saga stack - traces!
- dispatch actions like a government-run mind control experiment
- hot swap your app's state using Redux or mobx-state-tree
- track your sagas
- show image overlay in React Native
- track your Async Storage in React Native

Redux-logger :

Это помогает показать вам previous state, current action payload и next state всякий раз, когда мы отправляем действие с избыточностью, которое вы должны увидеть, как оноприносит нам пользу

Answer 3

Я обычно использую DevTools, но это расширение Chrome, а не для симулятора.Возможно, вы можете посмотреть на него с помощью удаленного мониторинга: https://github.com/zalmoxisus/remote-redux-devtools Я полагаю, вы сможете настроить его для удаленного мониторинга взаимодействий магазина в Simulator.

Редактировать: Да, на самом деле он предназначен для React Native после прочтения большей части README.Я бы использовал это наверняка.

Answer 4

Спасибо всем за рекомендации, я опробовал четыре варианта! Я даже написал среднюю статью на эту тему.

Мой вывод, Используйте React Native Debugger . ( Руководство по настройке )

С,

v.s. redux-logger : отсутствует функциональность, дополнительная зависимость для проекта

v.s. Remote Redux Devtools : отсутствует функциональность, дополнительная зависимость для проекта, дополнительный код.

v.s. Reactotron : незнакомый интерфейс, дополнительные зависимости для проекта, дополнительный код.