最近公司在组织学习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
