我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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

环境搭建准备

1.环境搭建
React Native中文网

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

移动端开发软件:Xcode、Android Studio

3.知识储备

NodeJS React Es6,Es7

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 环境搭建内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

React Native环境配置搭建

React Native环境配置搭建(史上最详细教程和注意事项) 一、安装node二、安装yarn三、安装Java Development Kit四、搭建Android 开发环境 React Native官网环境搭建教程写的
2023-08-16

环境搭建及介绍

一:python下载    官网下载对应的版本,安装,设置坏境变量,设置环境变量有两种方法,一种方法是在PATH中添加路径,另一种方法稍后介绍。二:运行python的方式python属于一种脚本语言,直接通过解释器就可以实现相应的功能:即:
2023-01-30

Spring Native 基础环境搭建过程

这篇博文详细介绍了SpringNative基础环境的搭建过程,包括:前提条件:操作系统:Linux或macOSJDK版本11或更高Maven或Gradle步骤:安装SpringNative工具链创建Maven项目添加SpringNative依赖配置SpringNative构建NativeImage验证NativeImage部署NativeImage
Spring Native 基础环境搭建过程
2024-04-02

如何用vscode搭建react-native开发环境

本篇内容主要讲解“如何用vscode搭建react-native开发环境”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何用vscode搭建react-native开发环境”吧!问题代码没有提示
2023-06-20

Go开发环境搭建详细介绍

由于目前网上Go的开发环境搭建文章很多,有些比较老旧,都是基于GOPATH的,给新入门的同学造成困扰。以下为2023版Go开发环境搭建,可参照此教程搭建Go开发环境,有需要的朋友可以参考阅读
2023-05-15

Python开发环境的搭建方法介绍

本篇内容介绍了“Python开发环境的搭建方法介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Python开发环境搭建步骤一、 安装Apt
2023-06-17

Android Studio 环境搭建、配置和基本使用

Android Studio 环境搭建、配置和基本使用目录 Android Studio 由来 Android Studio 发展 为什么要使用 Android Studio? Android Studio 下载及安装 安装包安装方法 压缩
2022-06-06

Linux的基本开发环境搭建

0.安装命令小技巧1、DEB软件安装 安装命令sudo dpkg -i xxx.deb2、安装过程中可能会报缺少依赖的错,执行下面命令自动安装依赖sudo apt-get install -f3、再次执行安装命令sudo dpkg -i x
2023-01-31

hibernate框架环境搭建具体步骤(介绍)

一. 概述:hibernate框架是作用于dao层的,实现对数据的持久化保存.通过面向对象的方式操作数据库。二. hibernate框架的搭建1.导包 lib目录下的required文件夹下的所有jar包. mysql驱动包.2.创建数
2023-05-31

JSP 简介,环境搭建和JSP特性

JSP 简介什么是Java Server Pages(Java服务器页面)?JSP全称Java Server Pages,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。JSP是一种J
2023-06-02

基于visual studio code + react 开发环境搭建步骤

本篇内容主要讲解“基于visual studio code + react 开发环境搭建步骤”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“基于visual studio code + react
2023-06-20

编程热搜

目录