React Native如何用JS开发原生IOS APP
这篇文章给大家介绍React Native如何用JS开发原生IOS APP,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
React Native问世
2013年Facebook开源了在内部大量使用的前端UI JavaScript库--ReactJS,在两年来,ReactJS给前端领域带来了巨大的影响,越来越多的公司开始使用ReactJS构建前端应用。ReactJS提供一个模型简单、声明式的、可组合的前端组件开发库,开发人员使用ReactJS将前端分割为独立的松耦合高內聚UI组件Componnet,同时使用虚拟DOM等技术将浏览器的DOM API封装成声明式高性能的API调用,提升整体系统的抽象层次,大大简化编程模型,提升可扩展性和开发效率。2015年在Facebook的F8大会上,Facebook宣布开源使用React/JavaScript现代浏览器技术来构建原生应用的React Native。React Native一经宣布就给整个前端开发领域带来了巨大的轰动。
封装原生控件
React Native封装了大部分的标准移动平台组件(目前只放出了对于iOS系统的支持,Android系统的支持年底会放出),包括类似TabBar、Navigation Controller之类的组件,这些组件完全使用原生系统实现,能够提供平台上一致的观感和使用体验。在iOS和Android的移动平台上有非常丰富的触控手势支持,React Native也充分封装这些内容,提供原生的触控操作体验。
借鉴WEB经验布局和样式控制
Web上使用非常丰富的CSS样式控制来对UI控件进行渲染,React Native借鉴了Web样式控制的方式,把大部分常用的Web样式带到了原生应用开发中,开发人员可以使用已经很熟悉的CSS样式对原生控件的样式属性进行控制。同时为了提供更加便利的布局能力,也把Web标准中的Flexbox布局模型引入到原生开发中,这对于开发者来说在效率上是非常大的提升。在样式方面,React Native选择使用inline styling的设计,使用JavaScript的接口来对控件的布局和样式进行控制,更加有效提高这些方面的开发效率。
异步执行
React Native依然应用React中虚拟DOM的技术来提升渲染性能,为了做到这一点,所有JavaScript代码的运行和原生平台被分离开采用不能的线程异步执行,这样能够充分利用原生系统的执行能力,同时不会对主UI线程带来任何额外的消耗。所有UI上的响应式变化都会分解为最小的变化差异,然后批量的发送给负责渲染的主UI线程集中渲染,有效保障前端组件的响应效率。这种结构的设计还带来一个好处,就是在开发过程中,不再需要构建-等待-刷新验证的过程,只需要保存代码后直接在原生的View上使用快捷键进行刷新即可,大大提升开发效率。React Native在设计中充分保证了使用原生代码的扩展性,使用JavaScript开发应用UI端时可以很容易的调用原生代码来制作自定义的View或者模块,从而可以完全重用之前构建过的原生模块或者使用第三方的代码库。
关于React Native如何用JS开发原生IOS APP就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。