React Native 使用中的调试及探究其机制

来源:互联网 发布:香港崇光sogo mac 编辑:程序博客网 时间:2024/06/03 13:11

前面叙述了相关环境搭建及遇到相关问题个人的解决方法,接下来一起来看看如何进行代码调试:

1、使用快捷方式:command + D,调出如下界面并点击“Debug JS Remotely”

这里写图片描述

2、会看到Chrome出现一个页面

这里写图片描述

3、视图 -> 开发者 -> 开发者工具 -> Sources

这里写图片描述

【React Native机制大礼包】

使用 JS 构建跨平台的原生应用:React Native iOS 通信机制初探

JS与iOS交互原理

ReactNative iOS源码解析(一)

ReactNative iOS源码解析(二)

React Native 从入门到源码

痛点遇到特点,于是乎:

【Redux大礼包】

1、试手

sudo npm install create-react-app -g
create-react-app react-demo
cd react-demo && npm install
npm start

2、储备

  • JSX 语法
  • ReactDOM.render来改变组件的状态state
  • 组件生命周期相关的方法
  • 事件和表单
  • 几种创建组件的方式
  • 高阶组件的使用和定义 HOC

3、学好React

4、什么时候引入 Redux:如何把握好 Redux的Store和setState

详细:小白React+Redux解惑
https://www.w3ctech.com/topic/1561

博客可以解释清楚某一个问题,而好书可以解释清楚某一个领域