当前位置: 首页 > 科技观察

ReactNative介绍和入门

时间:2023-03-15 09:54:15 科技观察

1.介绍ReactNative.pngReactNative是由Facebook发布的,它允许我们的开发人员使用JavaScript和React来开发我们的应用程序。我们应该提倡组件化开发,也就是说ReactNative给我们提供了一个封装好的组件让开发者去使用,我们甚至可以嵌套相关的组件组成新的组件。使用ReactNative我们可以为多个平台(Web、Android和IOS)维护相同的业务逻辑核心代码来创建原生应用程序。现阶段WebAPP的体验还不如NativeAPP的体验,所以这里Facebook更强调“learnonce,writeeverywhere”。我们在应用前端使用js和React开发不同平台的UI,并组成下层的核心模块。实用的业务逻辑代码,提高应用开发效率。ReactNative的设计理念:既有Native的用户体验,又保留了React的开发效率。ReactNative:Bringingmodernwebtechniquestomobile由ReactNative项目成员TomOcchino出版,详细描述了ReactNative的设计理念。Occhino认为,虽然Native开发成本较高,但现阶段Native还是很有必要的,因为Web的用户体验仍然无法超越Native:Native原生控件的体验更好;Native有更好的手势识别;Native有更合适的,虽然WebWorker可以解决一些问题,比如图片解码,文本渲染等,但是还是不能多线程,影响了Web的流畅性。注意:目前reactnative在ios上只支持ios7及以上版本,android只支持Android4.1及以上版本。2.框架简述reactnativeultra-simpleframework.pngReact:在不同平台上编写基于React的代码,“一次学习,随处编写”。VirtualDOM:与Browser环境下的DOM(DocumentObjectModel)相比,VirtualDOM是DOM在内存中的一种轻量级表示(原话是文档的轻量级表示),可以由不同的渲染引擎生成UI,不同平台下的JS和Native通过Bridge进行通信。网络/iOS/安卓。(现在都已经实现了)3.什么是React和Native1.ReactReact是Facebook开发的一个JS库。React实际上是一个用于构建“可预测”和“声明式”Web用户界面的JavaScript框架,它使Facebook能够更快地开发Web应用程序。更详细的介绍可以参考文章:http://www.jianshu.com/p/ae482813b791React介绍可以参考文章:http://www.ruanyifeng.com/blog/2015/03/react。html2.这里的Native理解,ReactNative中的Native值就是Native应用。NativeApp是基于iOS、Android、WP等智能手机本地操作系统,使用原生程序编写并运行的第三方应用程序,也称原生应用。4.个人学习路线1.环境搭建,初始化项目2.flex布局和css样式的简单学习和应用(本来就没有基础)3.ES6语法(本人纯iOS开发,没有JavaScript基础,只简单了解,然后边学边用)4.组件的简单编写,页面刷新5.集成到原生项目中,与原生交互6.网络层、模型层和数据处理5.推荐学习参考网站/文章ReactNative中文网:http://reactnative.cn/docs蒋青青的ReactNative专题:http://www.lcode.org/react-native/ES6入门:http://es6.ruanyifeng.com/#docs/classFlex布局入门:http:///www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool这是第一步。..希望支持