React native學習記錄《一》

react native 中文譯 - 開發環境

homebrew

/usr/bin/ruby -e "$(curl -fssl "

複製**

node

brew install node

複製**

react-native cli

npm install -g yarn react-native-cli

複製**

watchman

watchman是由facebook提供的監視檔案系統變更的工具。安裝此工具可以提高開發時的效能（packager可以快速捕捉檔案的變化從而實現實時重新整理）。

brew install watchman

複製**

flow

flow是乙個靜態的js型別檢查工具。譯註：你在很多示例中看到的奇奇怪怪的冒號問號，以及方法引數中像型別一樣的寫法，都是屬於這個flow工具的語法。這一語法並不屬於es標準，只是facebook自家的**規範。所以新手可以直接跳過（即不需要安裝這一工具，也不建議去費力學習flow相關語法）。

brew install flow

複製**

命令列cd到你想要放置專案的目錄下面

react-native init projectname cd projectname react-native run-ios

複製**

當然也可以直接用xcode執行projectname目錄中ios下的project檔案

除錯按鈕

constructor

當前元件的建構函式,init的初始化函式,通常在這個函式中宣告需要用到的狀態機變數

狀態機rn將所有的ui視為乙個簡單的狀態機,那麼任意乙個ui場景就是狀態機的一種.狀態機變數的改變會導致rn元件的重新渲染,為了提高效能,要盡可能的減少狀態機變數的數目.

那麼哪些變數可以作為狀態機呢? 應用對所接受的事件處理可能導致處理結果中某些資料需要重新顯示在ui介面上,這些資料就是狀態機的備選物件,開發者再對這些資料進行篩選,剔除重複資料,就找到了狀態機變數的最小集.

重複資料:

千萬不要把乙個rn元件放在狀態機變數中. 正確的做法是把它放下render函式中,讓它成為本元件的子元件.

建立多個只負責渲染資料的無狀態rn元件,將它們封裝在乙個有狀態機的rn元件中, 並把這個有狀態的rn元件的狀態機變數的值通過props傳給無狀態機的rn元件. 也就是: 有狀態機元件負責互動邏輯, 無狀態機元件負責渲染介面

React native學習記錄 《一》