React Native 简介与入门---kalrry


内容需要更新…ing…

一、简介!

  1. React Native 是Facebook发布的,可以让我们广大开发者使用JavaScript和React开发我们的应用,也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用,甚至我们可以相关嵌套形成新的组件。

  2. 使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建原生应用。

  3. 现阶段Web APP的的体验还是无法达到Native APP的体验,所以这边fackbook更加强调的是“learn once, write everywhere”,应用前端我们使用js和React来开发不同平台的UI,下层核心模块编写复用的业务逻辑代码,提供应用开发效率。

  4. React Native的设计理念:既拥有Native的用户体验、又保留React的开发效率。

  5. React Native项目成员Tom Occhino发表的React Native: Bringing modern web techniques to mobile详细描述了React Native的设计理念。

  6. Occhino认为尽管Native开发成本更高,但现阶段Native仍然是必须的,因为Web的用户体验仍无法超越Native:

  7. Native的原生控件有更好的体验;

  8. Native有更好的手势识别;

  9. Native有更合适的线程模型,尽管Web Worker可以解决一部分问题,但如图像解码、文本渲染仍无法多线程渲染,这影响了Web的流畅性。

注意:
目前react native在ios上仅支持ios7以上,Android仅支持Android4.1以上。

二、框架描述

请添加图片描述

  1. React:不同平台上编写基于React的代码,“Learn once, write anywhere”。
  2. Virtual DOM:相对Browser环境下的DOM(文档对象模型)而言,Virtual DOM是DOM在内存中的一种轻量级表达方式(原话是lightweight representation of the document),可以通过不同的渲染引擎生成不同平台下的UI,JS和Native之间通过Bridge通信。
  3. iOS/Android。(Web得通过React Web)

三、什么是React和Native

  1. React
    React是Facebook开发的一款JS库.
    React是实际上就是一个JavaScript框架,用于构建“可预期的”和“声明式的”Web用户界面,它已经使Facebook更快地开发Web应用。
    更详细简介可以参考文章
    React入门可参考文章

  2. Native
    这里的理解,ReactNative里的Native值的是Native应用。
    Native App是一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。

四、个人的学习路线

  1. 环境的搭建,初始化工程
  2. 对flex布局、css样式进行简单的学习和运用(原本没基础)
  3. es6语法(本人纯iOS开发,无JavaScript基础,只能简单了解下,再边运用边学习)
  4. 组件的简单编写,页面刷新
  5. 集成到原生项目,与原生交互
  6. 网络层、model层及数据处理

五、推荐学习参考的网站/文章

ReactNative 中文网
江清清的React Native专题
ES6入门
Flex布局入门

文章参考

React Native 简介与入门
React 简单介绍

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kalrry

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值