Redux调试 1. reactotron redux的调试,除了最基本的打断点进去调试之外,还有一个好用的调试工具reactotron,它能够帮你清楚的记录你所发出的action,以及http请求,可以帮你更好的分析 下面说一下简单的配置 package.json中的添加 devDependencies: { "reactotron-apisauce": "^1.11.1", "reactotron-react-native ": "^1.11.1", "reactotron-redux": "^1.11.2", "reactotron-redux-saga": "^1.11.1" } 修改store.js文件 ), ); ReactotronConfig.js文件 import Reactotron, { networking } from 'reactotron-react-native'; import react native plugins Reactotron.use(reduxPlugin()); Reactotron.use(sagaPlugin()); Reactotron.use(networking
通过使用Reactotron,可以将调试的配置信息集成到应用中,方便在不同的开发环境下有相同的调试配置,节约开发配置成本。 Reactotron由两部分组成,一部分是调试应用,一部分是调试配置。 当然,如果习惯使用命令行,也可以使用NPM安装reactotron-cli npm install -g reactotron-cli ? } from 'reactotron-react-native' Reactotron .configure({ name: 'xxx' // 调试的名称 }) .use(trackGlobalErrors *$/i, // 设置reactotron要忽略的文件类型 ignoreUrls: /\/(logs|symbolicate)$/, // 设置reactotron要忽略的url请求路径 参考 Network layer in React Native reactotron介绍 reactotron Reactotron on React Native 推荐: 翻译项目Master的自述
console.log(x); } 第三部分:移动端调试工具 3.1 React Native调试 介绍React Native开发中常用的调试工具,如React Native Debugger和Reactotron
Reactotron:这是一个桌面程序,用于检查 React Native 和 React.js 项目。 如果你需要开发 iOS 应用,还需要安装 XCode。
这个维度两者差距已经很小了,但还是有些细节值得提: 维度 Flutter React Native 热重载 极快,状态保留 快,Fast Refresh 很好用 调试工具 DevTools 功能完善 Flipper / Reactotron
lottie-react-native、react-native-animatable等等 UI 组件:NativeBase、React Native Elements等等 调试工具:Chrome developer tools、Reactotron
Luna 劫持了全局变量 global.console,对各种类型的 Log 进行收集;同时, Luna 也劫持了 console.tron.log,收集开发时使用 Reactotron 打印出来的相关
react-hot-loader - 实时调整React组件 react-loadable - 用于加载具有promise的组件的更高阶组件 loadable-components - 简化了React代码拆分 reactotron
for licensed users gsuite-migration-outlook 4.0.117.10 [Approved] Downloads cached for licensed users reactotron