初识React Native

前言

React Native是最近非常火的一个话题,想要学习如何使用它,首先就要知道它是什么。

好像面对一个新手全面介绍它的文章还不多,我就归纳一下所有的资料和刚入门的小伙伴一起来认识它~

将从以下几个方面来介绍它:

1、React Native的定义

2、React Native的优缺点

2、学习React Native需要掌握的知识



React Native的定义

一句话就是:一款专门用于App的JS框架。

React Native 结合了 Web App和 Native App的优势,使用 JavaScript 和 React 来开发 iOS 和 Android 原生应用即Mobile App。

   注意:

使用React Native最后编译的还是一个原生应用。

这就是为什么 React Native 自称:

Learn once,Write anywhere!

React Native 希望前端开发者学习完 React 后,能够用同样的语法、工具等,分别开发安卓和 iOS 平台的应用并且不用一行原生代码。

总结:React Nativ是利用脚本语言进行原生平台开发的一次成功尝试,降低了前端开发者入门移动端的门槛,一定业务场景下具有独特的优势,但是几乎不可能取代原生平台开发。

补充:这里涉及到APP的开发模式,一共有三种,分别是Web App、Hybird App和 Native App。具体的概念不细说了,简单的做一下对比,大家就会有简单的概念。



 React Native的优缺点

优点

  1. 复用了 React 的思想,有利于前端开发者涉足移动端
  2. 能够利用 JavaScript 动态更新的特性,快速迭代
  3. 相比于原生平台,开发速度更快,相比于 Hybrid 框架,性能更好
  4. 不用Webview,彻底摆脱了Webview让人不爽的交互和性能问题
  5. 较强的扩展性,这是因为Native端提供的是基本控件,JS可以自由组合使用
  6. 可以直接使用Native原生的「牛逼」动画

缺点

  1. 做不到 Write once, Run everywhere,也就是说开发者依然需要为 iOS 和 Android 平台提供两套不同的代码,比如参考官方文档可以发现不少组件和API都区分了 Android 和 iOS 版本。即使是共用组件,也会有平台独享的函数。
  2. 不能做到完全屏蔽 iOS 端或 Android 的细节,前端开发者必须对原生平台有所了解,加重了学习成本。而对于移动端开发者来说,完全不具备用 React Native 开发的能力。
  3. 由于 Objective-C 与 JavaScript 之间切换存在固定的时间开销,所以性能必定不及原生
  4. 安卓环境运行卡,坑多。


学习React Native需要掌握的知识

1、es6的知识。知道JS新语法,不然看到=>()和.then等等,你会一脸懵逼。ES6也称ES2015,是JavaScipt语言的较新的一种标准,在React Native开发时,使用这种标准。

推荐网站:

 2、因为React Native可以看作是 React.js 在移动上的应用,所以还需要掌握react,有助于你加深理解。
推荐网站:

时间: 2024-08-11 07:44:26

初识React Native的相关文章

初识react native遇到的问题

Andriod 使用react native时遇到的问题     打开现有项目报错: 从第一行Error可以知道是一个zip的压缩文件打不开,往下看应该是下载的Gradle文件有问题,提示也是让从新下载. 打开gradle-wrapper.properties文件看到是gradle-2.14.1-all.zip 使用的这个版本. 在安装目录下看看这个文件是否有问题. 默认安装模式是C:\Users\xiaxf\.gradle.也可以通过Android studio找到安装目录 File-sett

React Native基础与入门(二)--初识React Native

React Native组件 React Native是用React Native框架来组建Android和IOS App的技术,那么React Native组件就是React组件.React组件让你将UI分割成独立的.可重用的一些碎片或部分,这些部分都是相互独立的. 创建组件的三种方式 1.ES6创建组件的方式 export default class HelloComponent extends Component { render() { return <Text style={{font

react native 初识react native

最近找工作,总是被问道,知不知道react Native,我直接回答,没有:这就是动力了 首先是windows下的环境搭建 参考博客: 史上最详细windows版本搭建安装react-native环境配置/ http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%

掌握React Native技术转型随意切换

第1章 课程预热React 与 React Native的区别,为什么学习 React Native. 第2章 初识 React Native快速搭建一个 React Native,了解 RN 的项目代码结构. 第3章 RN 入门知识学习学习React 的组件概念,ES5/ES6 两种组件形态,父子组件通信以及组件生命周期. 第4章 升级 React Native 重要补录这一章节是讲师针对课程上线以来,学生的常见问答,讲师做了一些总结补充视频. 第5章 项目初始准备作为实战编程的上手篇,需要又

后盾 React Native 开发系列视频课程

01 初识react native.mp402 react native优点.mp403 APP开发方式横向对比.mp404 需要的知识储备和学习难点.mp405 ATOM(阿童木)编辑器插件安装.mp406 ATOM插件安装及答疑.mp407 java sdk和NodeJS环境安装.mp408 Android SDK安装.mp409 环境变量的配置方法.mp410 使用npm初始化项目 npm cnpm yarn命令介绍.mp411 使用yarn命令初始化项目.mp412 react nati

React Native 初识

Facebook 在 React.js Conf 2015 大会上推出了基于 JavaScript 的开源框架 React Native,本中文教程翻译自 React Native 官方文档. React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用.在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等. React Native 使你能够使用基于 J

菜鸟窝React Native 视频系列教程

菜鸟窝React Native 视频系列教程 交流QQ群:576089067 Hi,我是RichardCao,现任新美大酒店旅游事业群的Android Developer.15年加入饿了么即时配送BU,后负责蜂鸟众包Android端,期间引入react-native技术,作为国内react-native 与 Android混合开发的早期商业项目,具有一定经验,同时也是react-native开源项目reading(https://github.com/attentiveness/reading)

初识React

原文地址:北云软件-初识React 专注于UI 在MVC分层设计模式中,react常被拿来实现视图层(V).React不依赖于技术栈的其他部分,因此可以方便的在现有项目中尝试用它来实现一个小特性. 虚拟DOM React从DOM中抽象出来,给出一种更简洁的编程模型,且性能表现更好.能够通过NodeJS实现服务端渲染,通过React Native开发原生app. 数据流React实现单向.响应式数据流,减少boilerplate且比传统数据绑定更容易理解. 简洁的组件React的组件都实现了一个r

听晴明老师从头讲React Native

01基本原理与开发环境搭建[录播]React Native架构和原理的简单介绍(16分钟)[录播]macOS iOS环境搭建(19分钟) [录播]macOS Android环境搭建(17分钟) [录播]Windows Android环境搭建(10分钟) [录播]Android设备的使用和注意事项(8分钟) 02javaScript.Node.ES6基础[录播]JavaScript基础(12分钟)[录播]ES6基础(12分钟)[录播]Node基础(15分钟)[资料]JavaScript.Node.