美文网首页
React Native

React Native

作者: 杨大虾 | 来源:发表于2017-07-29 14:24 被阅读13次

    参考:

    React 入门实例教程

    React Native 从入门到原理

    摘要:

    1.JavaScript 代码里面出现了 HTML 的语法,React 这种语法被称为 JSX,它是一种 JavaScript 语法拓展。JSX 允许我们写 HTML 标签或 React 标签,它们终将被转换成原生的 JavaScript 并创建 DOM。

    2.在 React 框架中,除了可以用 JavaScript 写 HTML 以外,我们甚至可以写 CSS

    (也就是说,三件套要统一了?)

    3.前端界总是喜欢创造新的概念,仿佛谁说的名词更晦涩,谁的水平就越高。如果你和当时的我一样,听到 React 这个概念一脸懵逼的话,只要记住以下定义即可:
    React 是一套可以用简洁的语法高效绘制 DOM 的框架

    4.React 用 JavaScript 构造页面

    1. React 独创了 Virtual DOM 机制。Virtual DOM 是一个存在于内存中的 JavaScript 对象,它与 DOM 是一一对应的关系,也就是说只要有 Virtual DOM,我们就能高效渲染出 DOM。当界面发生变化时,得益于高效的 DOM Diff 算法,我们能够知道 Virtual DOM 的变化,从而高效的改动 DOM,避免了重新绘制 DOM。

    6.当然,React 并不是前端开发的全部。从之前的描述也能看出,它专注于 UI 部分,对应到 MVC 结构中就是 View 层。要想实现完整的 MVC 架构,还需要 Model 和 Controller 的结构。在前端开发时,我们可以采用 Flux 和 Redux 架构,它们并非框架(Library),而是和 MVC 一样都是一种架构设计(Architecture)。

    (也就是说React也不是很强大,只是Html的强化版?)

    1. JSON 文件传递信息的不足之处:只能传递配置信息,无法表达逻辑。从本质上讲,这是因为 JSON 毕竟只是纯文本,它缺乏像编程语言那样的运行能力。

    (类似后台通过接口,控制iOS前端的显示和某些执行)

    8.React Native才是试图统一三件套,React不是。不过也是React 在前端取得突破性成功以后,促使其统一,这么说来,其功劳还是挺大的

    9.React Native一个基于 JavaScript,具备动态配置能力,面向前端开发者的移动端开发框架。

    10.React Native 希望前端开发者学习完 React 后,能够用同样的语法、工具等,分别开发安卓和 iOS 平台的应用并且不用一行原生代码。

    (Native code? 也就是说,React Native不仅要一统三件套,还要一统江湖?)


    宏伟的目标什么的说完,还是看看现实吧

    摘要二

    1.首先要明白的一点是,即使使用了 React Native,我们依然需要 UIKit 等框架,调用的是 Objective-C 代码。总之,JavaScript 只是辅助,它只是提供了配置信息和逻辑的处理结果。React Native 与 Hybrid 完全没有关系,它只不过是以 JavaScript 的形式告诉 Objective-C 该执行什么代码。
    其次,React Native 能够运行起来,全靠 Objective-C 和 JavaScript 的交互。

    (有点像oc与c的关系)

    2.JavaScript 是一种单线程的语言,它不具备自运行的能力,因此总是被动调用。很多介绍 React Native 的文章都会提到 “JavaScript 线程” 的概念,实际上,它表示的是 Objective-C 创建了一个单独的线程,这个线程只用于执行 JavaScript 代码,而且 JavaScript 代码只会在这个线程中执行。

    相关文章

      网友评论

          本文标题:React Native

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