React Native

参考:

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 是最近非常火的一个话题,介绍如何利用 React Native 进行开发的文章和书籍多如...
    零度_不结冰阅读 692评论 0 1
  • React 我想动态修改一个按钮的文字,需要这样写: 可以看到,在 HTML 和 JavaScript 代码中,i...
    攻克乃还_阅读 589评论 1 1
  • 再见了,晚霞 请褪下夕阳赠我的纱衣 如今我将要 踏上去夜里的旅行 当影子在脚下蔓延 风便停歇忘却言语 连同枝叶悄无...
    食腐鸟阅读 491评论 0 0