天天看点

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

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

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

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

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

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

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

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

【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

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

继续阅读