学习 React Native 5

总结

React native 可以给开发人员提供很多东西,但这些更多是要依靠您个人本身的条件。 如果您已经非常习惯使用 React 了,那您所能获得的好处是显而易见的: 这是一个最低投入的方法将您的技能转向多平台开发的方向上,您完全不需要回退到以前的那些跨平台开发的框架上。 对于那些已经习惯了在传统移动平台开发的工作量,这里有更多的吸引力。但另一方面,如果您所需要的是一个必须完全稳定的平台,那么 React Native 可能不是最好的选择。

但其实那, React Native iOS 应用商店的应用程序表现都是非常好的,在这里的风险远远小于您所认为的。 至少FaceBook已经开始采用了该框架做为开发平台了。当然了Facebook 的主体框架现在还是沿用了原来的传纺移动 APP 的开发平台。但现在您已经可以在该代码里面看到 React Native Objective-C 代码一起混编的 FaceBook组别功能 APP iOS版本,或者是 iOS版本的广告管理系统,这可完全是用 React Native 开发的。

希望这些都能让您很兴奋的开始您的 React Native 之旅! 下一章节,我们主要解决你需要了解的那些使用React Native 在 浏览器中开展工作所必需要的知识。

原生对比 网络开发的React

事实上 React Native 和网络版本的 React 非常相似,他们基于同样的考虑,同样的特点以及同样的工作模式研发出来的。本章节里,我们主要关注的是他们的不同,以便于您可以在下一章亲自使用 React Native 来建立自己的iOS应用程序。 我们重点关注的是 iOS版本的React Native, 但有关于其他平台的开发要特别注意的点我们也会及时提出。

React Native 的生命周期

如果您已经熟悉了 React的工作模式,那么React 的生命周期应该也对你并不陌生。 当React 在浏览器中运行的时候, 渲染器的生命周期也就开始在浏览器中增加相应的React 组件。



在这之后, React 就会根据需要来渲染或者是再次渲染您的React 组件。



React 的渲染阶段还是非常容易理解的。 开始者从 React 的组件渲染方法里面返回HTML的标识符,然后 React 就根据需要在页面上直接渲染好。

对于 React Native, 生命周期是一样的, 但是渲染的过程略有不同,因为 React Native 是依赖桥进行工作的。 我们已经在前面章节的图示中大概了解的桥的概念。 桥是通过JavaScript 语言把 API 和 用户界面元素从宿主平台的支柱语言上(当前的例子是指的 iOS, Objective-C)翻译成为易懂的接口程序.

还有一个特别值得关注的关于React Native 的生命周期的问题,就是React Native 的工作是完全脱离了主用户界面线程的,所以他可以在不干扰用户体验的情况下,完成自己那些必要的渲染计算工作。 在移动设备上,通常是只有一个界面线程,而在用户界面线程上进行计算所花费的时间通常会阻止用户和该应用进行交互。 所以如果能象 React Native 这样尽可能的不被人注意的工作方式尤显重要,特别对于移动设备这种资源受限的环境来说。

React Native 中和视图一起工作

当我们使用 React 来开发网站时,一般渲染的就是常用的HTML 元素:

不深思则不能造于道。不深思而得者,其得易失。

名人名言- 曾国藩
  • By 优联实达
  • 2015-11-16
  • 1665
  • 公司新闻,网站开发,网站设计,UI