一起来点React Native

柔光的暖阳◎ 2022-09-23 11:57 46阅读 0赞

本文转自：旋之华（微信公众号）

一起来点ReactNative

![20160718220535918][]

**   ** 尽管在移动开发中，原生App的开发成本很高，但现阶段基于原生开发仍然是必须的，因为Web的用户体验仍无法超越Native，主要体现在：

·             Native的原生控件有更好的体验；

·             Native有更好的手势识别；

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

** 一、开篇**

React Native于F8大会开源,在短短不到一年的时间里,它成为手机端必不可少的开发模式之一。它充分利用了Facebook现有的业务轮子, 其核心设计理念：**既拥有Native的用户体验、又保留React的开发效率**。

目前，React Native基本完成了对多端的支持，实现了真正意义上的面向配置开发: 开发者可以灵活的使用HTML和CSS布局,使用React语法构建组件,实现：**H5, Android, iOS 多端代码的复用**。

![20160718220638982][]

此外，使用流畅度和原生的保持在同一层次,这不是我们梦寐以求的开发模式吗?让我们从无到有开启新的学习篇章吧!

**二、什么是React Native？**

**（一）时下两大移动互联网主流技术**

BAT等一线互联网公司的插件化，热修改等技术

React Native技术（**2016年，随着Android版本的稳定，更加火爆**）

**（二）React Native介绍**

Facebook于2015年9月15日发布**React Native**

广大开发者可以使用JavaScript和React开发跨平台移动应用

React Native提倡**组件化**开发: 即提供一个个封装好的组件，组件相互嵌套形成新的组件

（**三）React Native的优势**

**   3.1 跨平台开发**

运用React Native,我们可以使用同一份业务逻辑核心代码来创建原生应用运行在Web端，Android端和iOS端；

**  3.2 追求极致的用户体验：实时热部署 **

**    3.3 learn once,write everywhere** （最具魅力）

React Native不强求一份原生代码支持多个平台，所以不提“Write once, run anywhere”（Java），提出了“Learn once, write anywhere”。

![20160718220729243][]

**（四）React Native开发注意事项**

4.1)  目前react native在iOS上仅支持**ios7**以上，Android仅支持**Android4.1**以上版本；

github地址: https://github.com/facebook/react-native

官网文档:http://facebook.github.io/react-native/docs/getting-started.html

4.2)  由于React Native的版本更新速度很快，如果没有深厚的JavaScript基础，建议选择：

**a、功能适中，交互一般，不需要特别多的系统原生支持；**

**        b、对于部分复杂的应用，可以考虑原生+React Native混合开发**

** **

[20160718220535918]: /images/20220720/86cd310210d442b5b29bd0c142b04a5f.png
[20160718220638982]: /images/20220720/422dd178ccdd48e5a27ee4294c6be6b2.png
[20160718220729243]: /images/20220720/a06c5ba17db6419799b7133fcd373d67.png

发表评论取消回复

表情：

评论列表（有 0 条评论，46人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在React Native中将路由与React导航一起使用

介绍 (Introduction) [React Navigation][] is a popular library for routing and navigatio

r囧r小猫/ 2022年12月07日 11:54/ 0 赞/ 148 阅读

相关 react native

React Native使你能够在Javascript和[React][]的基础上获得完全一致的开发体验，构建世界一流的原生APP。 React Native

朱雀/ 2022年09月24日 14:15/ 0 赞/ 276 阅读

相关一起来点React Native

本文转自：旋之华（微信公众号）一起来点ReactNative ![20160718220535918][] 尽管在移动开发中，原生App的开发成本很

柔光的暖阳◎/ 2022年09月23日 11:57/ 0 赞/ 47 阅读

相关 React Native

[携程 React Native 实践与性能优化][React Native] [携程火车票业务在 React Native 实践中踩过的坑][React Native 1]

快来打我*/ 2022年07月15日 09:11/ 0 赞/ 191 阅读

相关 react-native

react-native 资料整理： react-native官网：[http://facebook.github.io/react-native/][http_faceb

た入场券/ 2022年07月10日 04:56/ 0 赞/ 236 阅读

相关 React Native 音频录制例子来解惑入门

React Native 音频录制例子来解惑入门 React Native 音频录制例子来解惑入门前言 React Nati

以你之姓@/ 2022年06月11日 23:14/ 0 赞/ 167 阅读

相关 react native TouchableOpacity(点击渐变) TextInput

import React,{Component} from 'react'; import {View,Button,Text,TouchableOpacity

叁歲伎倆/ 2022年06月01日 14:21/ 0 赞/ 227 阅读

相关 Kotlin 能用来开发 React Native 吗？

0. 引子前段时间出去休了半个月假，公众号文章史无前例的断了一周，不过不要紧，我这不是又回来了嘛。 ![0?wx\_fmt=jpeg][0_wx_fmt_jpeg]

怼烎@/ 2022年04月25日 07:38/ 0 赞/ 252 阅读

相关 React Native

官网：[https://reactnative.cn/][https_reactnative.cn] [https_reactnative.cn]: https://rea

你的名字/ 2022年03月12日 05:25/ 0 赞/ 215 阅读

相关一起来学习React-Native之react-navigation基本解析

前言不久前自己也完整开发了一个React-Native项目，对其中的一些知识存在疑惑，再加上项目时间比较紧张，来不及做系统的学习。现在来回顾自己开发当中存在的疑惑点，和大家

我不是女神ヾ/ 2021年11月26日 10:48/ 0 赞/ 249 阅读