天天看點

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

部落格可以解釋清楚某一個問題,而好書可以解釋清楚某一個領域

繼續閱讀