服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - React - React-Native 环境搭建和基本介绍

React-Native 环境搭建和基本介绍

2022-03-08 16:56愚公搬代码 React

这篇文章主要介绍了React-Native 环境搭建和基本介绍的相关资料,包括react native优缺点,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下

环境搭建准备

1.环境搭建
React Native中文网

2.开发工具
前端开发软件:Visual Studio Code

移动端开发软件:XcodeAndroid Studio

3.知识储备

NodeJS React Es6,Es7

React Native介绍

React-Native 环境搭建和基本介绍

React Naitve的简介:Facebook在React.js Conf2015大会上推出的一个用于开发Android和iOS App的一个框架,主要编程语言是JavaScript。它的出现使用即拥有Native的用户体验,又保留React的开发效率

在 React Native 出现前,我们通常会选择这三种移动技术(Native App、HTML5、Hybrid)之一进行开发。

  • Native App:开发原生应用自然性能最好,功能强大。但多平台版本的开发、维护要花费大量的人力物力(iOS版本迭代审核需要时间)。
  • HTML5:虽然有 Web 的优势,即灵活的布局能力、免发版的敏捷迭代潜力、优秀的跨平台特性。在新闻资讯等一些强排版、弱交互的展示类 App 上大展拳脚。但由于 WebView 在移动设备上的性能制约,始终难成大器。
  • Hybrid App:JS+Native两者相互调用为主,从开发层面实现“一次开发,多处运行”的机制,成为真正适合跨平台的开发。Hybrid App兼具了Native App良好用户体验的优势,也兼具了Web App使用HTML5跨平台开发低成本的优势,但是这个方法存在诸多问题:无法访问离线数据、无法访问设备、无法远程更新。
  • React Native:底层引擎是 JavaScript Core,但调用的是原生的组件而非 HTML5 组件。这样运行时可以做到与 Navive App 相媲美的性能体验,同时因为 JavaScript 代码可以使用后端强大的 Web 方式管理,既可以做到高效开发,也可以实现快速部署和问题热修复。

React Native优缺点:

优点

  1. 跨平台开发:运用React Native,我们可以使用同一份业务逻辑核心代码来创建原生应用运行在Web端,Android端和iOS端;
  2. 热更新,App可以快速迭代:实时热部署;
  3. learn once,write everywhere:React Native不强求一份原生代码支持多个平台,所以不是write once,run anywhere;

缺点

  1.  react native在iOS上仅支持iOS7以上,Android仅支持Android4.1以上;
  2. 开发成本较高,对新手不友好,调试不友好;
  3. 部分复杂的界面和操作,RN无法实现(可以考虑原生+React Native混合开发);
  4. 版本更新较快,建议开发固定版本

React Native vs Flutter vs Weex

React-Native 环境搭建和基本介绍

到此这篇关于React-Native 环境搭建和基本介绍的文章就介绍到这了,更多相关React-Native 环境搭建内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/aa2528877987/article/details/107921608

延伸 · 阅读

精彩推荐
  • React详解react的两种动态改变css样式的方法

    详解react的两种动态改变css样式的方法

    这篇文章主要介绍了详解react的两种动态改变css样式的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    独步炎凉的大彬11012022-03-01
  • React基于react后端渲染模板引擎noox发布使用

    基于react后端渲染模板引擎noox发布使用

    本篇文章主要介绍了基于react后端渲染模板引擎noox发布使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    suxiaoxin5822022-03-07
  • ReactReactRouter的实现方法

    ReactRouter的实现方法

    这篇文章主要介绍了ReactRouter的实现,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...

    WindrunnerMax6232022-01-06
  • ReactReact事件节流效果失效的原因及解决

    React事件节流效果失效的原因及解决

    这篇文章主要介绍了React事件节流效果失效的原因及解决,帮助大家更好的理解和学习使用React框架,感兴趣的朋友可以了解下...

    Cleves11712022-03-06
  • ReactReact-Native 环境搭建和基本介绍

    React-Native 环境搭建和基本介绍

    这篇文章主要介绍了React-Native 环境搭建和基本介绍的相关资料,包括react native优缺点,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下...

    愚公搬代码11582022-03-08
  • React一份全面的React、Angular和Vue.js比较指南

    一份全面的React、Angular和Vue.js比较指南

    首先让我们看看来自于Google趋势的有关React、Angular和Vue.js的对比。就过去一年的情况而言,Angular***,React名列其后,而Vue.js所占份额则最少。...

    51CTO5432022-02-23
  • ReactReact中useRef的具体使用

    React中useRef的具体使用

    这篇文章主要介绍了React中useRef的具体使用,它可以用来获取组件实例对象或者是DOM对象,除此之外还有哪些用法,就一起来了解一下...

    Meskjei6382022-02-28
  • React懒惰开发者需要知道 React Hack

    懒惰开发者需要知道 React Hack

    本篇从八个方面来介绍关于React Hack的一些用法,懒惰开发者的福音,快在你的代码中试试这些小hack吧!...

    JavaScript之禅6652021-12-24