美文网首页
从零入门React Native

从零入门React Native

作者: 三生明理 | 来源:发表于2017-05-10 17:48 被阅读319次

    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

          本文链接:https://www.haomeiwen.com/subject/qglgtxtx.html