RN简介ReactNative(简称RN)是Facebook于年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
ReactNative
看起来很像
React
,只不过其基础组件是原生组件而非web组件。要理解
ReactNative
应用的基本结构,首先需要了解一些基本的
React
的概念,比如
JSX
语法、组件、
state
状态以及
props
属性。
ReactNative开发特点:
一次学习,随处编写:使用ReactNative可以为iOS和Android操作系统开发应用程序,不同平台上的代码根据平台会有一些微小的区别。混合开发:ReactNative代码开发的模块与原生代码开发的模块可以双向通信、无缝衔接;高效的移动应用开发:(1)独特的UI实现框架(2)组件化开发(3)跨平台移植代码迅速(4)自动匹配不同屏幕大小的手机高效的移动应用开发调试高效的应用热更新有效降低移动应用安装包体积学习门槛低、开发难度低使用ReactNative开发的代价为了得到ReactNative开发的优点,使用ReactNative开发的APP也需要付出一定的代价。(1)内存消耗大使用ReactNative开发的程序运行所需的内存比原生代码开发的程序略多。(2)运行速度使用ReactNative开发的代码运行速度比原生代码略慢。
React与ReactNative除了在编码表现层都使用JSX语法外,在React与ReactNative的底层都有VirtualDOM与DOM之间的映射与转换,以实现了页面组件高效更新的前端表现。
现在最新版本是0.59ReactNative中文网
ReactNative
与
React
的关系及特点:
React
是基础框架,是一套基础设计实现理念,开发者不能直接使用它来开发移动应用或网页。在
React
之上发展出了
React.js
框架用来开发网页,发展出来
ReactNative
用来开发移动应用。底层原理是相同的,都是使用js实现虚拟dom树来驱动页面的渲染,react是驱动HTMLdom的渲染,reactnative是驱动原生组件的渲染。
React.js
:目的是为了使前端的V层更具组件化,能更好的复用,它能够使用简单的html标签创建更多的自定义组件标签,内部绑定事件,同时可以让你从操作dom中解脱出来,只需要操作数据就会改变相应的dom。
二者都是基于组件(