从零入门React Native
React Native能够让你仅使用JavaScript语言构建移动应用。它和React的设计一样,让你使用声明的组件创建丰富的移动UI效果。
本文不包含任何代码,只介绍入门React Native需要了解的相关知识,想要学习更详细的知识请参考引用的链接地址。
JavaScript语法
想跳过这一节的同学建议阅读一篇RN中文网的译文:
React Native 是基于开源 JavaScript 库 React.js 的跨平台移动开发框架,学习的第一步当然是了解JavaScript语言。
这里推荐两个入门教程,看各自口味选择 :
JavaScript的语法标准更新也从未停止,ES5、ES6、ES7,使用新老语法编写的开源Demo也能搜索到很多。现阶段React Native默认使用ES6语法,这里推荐阮一峰编写的开源电子书:
CommonJS规范
React Native 应用由模块组成,采用CommonJS模块规范。
CommonJS规范加载模块是同步的,也就是说,只有加载完成,才能执行后面的操作。
因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。
熟悉CommonJS模块规范,掌握模块的加载机制和文件的作用域便于我们理解整体项目。这里推荐阮一峰老师的《JavaScript 标准参考教程(alpha)》书中的 CommonJS规范部分:
React
RN框架是基于 React 库的,我们所有自定义的组件都要继承 React.Component ,这一点就能看出他们的关系,用官方的描述是:“It uses the same design as React”。所以官方文档没有提及组件相关知识 ,因为它是属于 React 的内容。
所以我们有必要了解 React 文档。对入门RN来说,你至少需要了解 :
- JSX
- 属性
- 状态
- 组件的生命周期函数
React Native
入门 React Native 最好的资料就是React Native官网文档,想看中文的转React Native 中文网。
文档介绍了从RN环境安装到打包不同平台app包的各种知识,非常详尽,需要注意的是中文网译文并没有同步更新至最新版本。