最近公司在組織學習React Native，特意整理了一份開發React Native技能樹和一些入門的學習資料，現分享出來給大家，讓大家少走一些彎路。
技能要求
使用React Native開發APP，需要具備以下知識：
- 掌握HTML、 CSS3、 Flex彈性布局;
- 掌握javascript及ES6，了解Redux；
- 了解React框架、React Native基本原理;
- 熟練掌握與Native的交互;
詳細的要求如下：
image.png
React Native入門
下面是整理的React Native學習資料，列舉了一些需要掌握的知識和相關的教程。以下部分屬于入門級課程，如果想更深入的學習和應用，你可以了解React原理，Redux、原生開發等。
| 模塊 | 科目 | 資料 | 課時 | 掌握程度 | |
|---|---|---|---|---|---|
| React Native開發環境和工具 | 搭建RN運行環境 安裝開發工具 |
搭建開發環境和工具 | 1D | 精通 | 跟從官方文檔一步步操作 |
| HTML、CSS基礎 | HTML標簽 CSS樣式 Flexbox彈性布局 |
HTML基礎 CSS基礎 Flex布局 前端入門(HTML5 and CSS和Basic JavaScript) |
4D | 掌握常用HTML標簽 掌握常用CSS樣式 精通Flexbox |
|
| ES6基礎 | ES6基本語法 | ES6教程 | 2D | 了解ES6的基本語法 | |
| React Native基礎 | JSX語法 組件和組件生命周期 VirtualDOM state狀態和props屬性 事件 |
React入門 | 5D | 了解RN基本原理 精通state與props原理 |
|
| React Native組件庫 | View Text TextInput Button ScrollView Image TouchableHighlight等 |
官網文檔 | 3D | 了解常用RN組件 | 推薦官網文檔 |
| React Native與原生 | 使用原生組件 | 使用原生組件 | 2D | 了解與原生的交互 | 推薦官網文檔 |
| React Native架構 | Redux使用 | Redux官方教程 | 3D | 前期可先了解Redux，后期需精通 | 注意中文版非最新，文檔與demo不匹配，推薦最新的英文文檔 |
| React Native網絡 | Fetch Persistent |
Fetch入門 | 1D | 了解 |
這里是一些建議。學習React Native，推薦RN中文網，跟從官方文檔一步步搭建開發環境，編寫demo，在真機上運行。React Native中文網(人工翻譯，與官網同步): http://react-native.cn/docs/getting-started.html
這個是網友精心整理的RN資源列表，有各類優質的資源，不管是剛入門的還是進一步深入學習的，都能找到自己需要的資源，強烈推薦。
https://github.com/reactnativecn/react-native-guide
