从零入门React Native

React Native能够让你仅使用JavaScript语言构建移动应用。它和React的设计一样,让你使用声明的组件创建丰富的移动UI效果。

本文不包含任何代码,只介绍入门React Native需要了解的相关知识,想要学习更详细的知识请参考引用的链接地址。

JavaScript语法

想跳过这一节的同学建议阅读一篇RN中文网的译文:

JavaScript环境

React Native 是基于开源 JavaScript 库 React.js 的跨平台移动开发框架,学习的第一步当然是了解JavaScript语言。

这里推荐两个入门教程,看各自口味选择 :

JavaScript教程|菜鸟教程

JavaScript教程|廖雪峰的官方网站

JavaScript的语法标准更新也从未停止,ES5、ES6、ES7,使用新老语法编写的开源Demo也能搜索到很多。现阶段React Native默认使用ES6语法,这里推荐阮一峰编写的开源电子书:

ECMAScript 6 入门

CommonJS规范

React Native 应用由模块组成,采用CommonJS模块规范。
CommonJS规范加载模块是同步的,也就是说,只有加载完成,才能执行后面的操作。

因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。

熟悉CommonJS模块规范,掌握模块的加载机制和文件的作用域便于我们理解整体项目。这里推荐阮一峰老师的《JavaScript 标准参考教程(alpha)》书中的 CommonJS规范部分:

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包的各种知识,非常详尽,需要注意的是中文网译文并没有同步更新至最新版本。

你可能感兴趣的:(从零入门React Native)