比官方自带的 Debugger 更好用的调试工具

今天给大家推荐一个超好用的 RN 调试工具 React Native Debugger

越来越多的 RN 项目中开始使用 Redux 来管理组件的状态，不过使用 Redux 虽然可以提升我们的编码体验，但是调试起来却麻烦了很多。

比如为了跟踪某个 state 的变化，我们除了要在组件上打断点，还要找到对应的 action creator 和 reducer，尤其是当你结合 thunk-middleware 使用之后，常常会发生异步请求已经结束 state 发生了变化而你的断点却没有捕捉到的尴尬。

React Native Debugger 就是来改变这种局面的，有了它之后查看 state 变化会变得无比简单和直观：

可以看到，它会记录下应用中发送的每一个 action 以及 state 的变化，你随时可以查看当前的 state 树，也可以手动发送 action 来调试应用。

除此之外，该工具也集成了元素检查器（上图中左下角），右边则是 Chrome DevTools 面板，基本操作保持不变。

https://github.com/jhen0409/react-native-debugger

今天的推荐不知道大家喜欢吗？如果你喜欢，请在文章底部留言和点赞，以表示对我的支持，你们的留言和点赞是我持续更新的动力哦！

章鱼猫在此感谢大家的关注和支持。喜欢我，就赶紧关注我，给我点赞吧！

关注公众号：非著名程序员，对话框回复关键字 “1024”，免费领取 30 本经典编程书籍。