React Native技能树

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