React-Native 環(huán)境搭建和基本介紹

更新時(shí)間：2021年04月22日 15:04:03 作者：愚公搬代碼

這篇文章主要介紹了React-Native 環(huán)境搭建和基本介紹的相關(guān)資料,包括react native優(yōu)缺點(diǎn)，通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下

環(huán)境搭建準(zhǔn)備

1.環(huán)境搭建
React Native中文網(wǎng)

2.開發(fā)工具
前端開發(fā)軟件：Visual Studio Code

移動(dòng)端開發(fā)軟件：Xcode、Android Studio

3.知識(shí)儲(chǔ)備

NodeJS React Es6,Es7

React Native介紹

在這里插入圖片描述

React Naitve的簡(jiǎn)介：Facebook在React.js Conf2015大會(huì)上推出的一個(gè)用于開發(fā)Android和iOS App的一個(gè)框架，主要編程語言是JavaScript。它的出現(xiàn)使用即擁有Native的用戶體驗(yàn)，又保留React的開發(fā)效率。

在 React Native 出現(xiàn)前，我們通常會(huì)選擇這三種移動(dòng)技術(shù)（Native App、HTML5、Hybrid）之一進(jìn)行開發(fā)。

Native App：開發(fā)原生應(yīng)用自然性能最好，功能強(qiáng)大。但多平臺(tái)版本的開發(fā)、維護(hù)要花費(fèi)大量的人力物力(iOS版本迭代審核需要時(shí)間)。
HTML5：雖然有 Web 的優(yōu)勢(shì)，即靈活的布局能力、免發(fā)版的敏捷迭代潛力、優(yōu)秀的跨平臺(tái)特性。在新聞資訊等一些強(qiáng)排版、弱交互的展示類 App 上大展拳腳。但由于 WebView 在移動(dòng)設(shè)備上的性能制約，始終難成大器。
Hybrid App：JS+Native兩者相互調(diào)用為主，從開發(fā)層面實(shí)現(xiàn)“一次開發(fā)，多處運(yùn)行”的機(jī)制，成為真正適合跨平臺(tái)的開發(fā)。Hybrid App兼具了Native App良好用戶體驗(yàn)的優(yōu)勢(shì)，也兼具了Web App使用HTML5跨平臺(tái)開發(fā)低成本的優(yōu)勢(shì)，但是這個(gè)方法存在諸多問題：無法訪問離線數(shù)據(jù)、無法訪問設(shè)備、無法遠(yuǎn)程更新。
React Native：底層引擎是 JavaScript Core，但調(diào)用的是原生的組件而非 HTML5 組件。這樣運(yùn)行時(shí)可以做到與 Navive App 相媲美的性能體驗(yàn)，同時(shí)因?yàn)?JavaScript 代碼可以使用后端強(qiáng)大的 Web 方式管理，既可以做到高效開發(fā)，也可以實(shí)現(xiàn)快速部署和問題熱修復(fù)。

React Native優(yōu)缺點(diǎn)：

優(yōu)點(diǎn)

跨平臺(tái)開發(fā)：運(yùn)用React Native，我們可以使用同一份業(yè)務(wù)邏輯核心代碼來創(chuàng)建原生應(yīng)用運(yùn)行在Web端，Android端和iOS端；
熱更新，App可以快速迭代：實(shí)時(shí)熱部署；
learn once,write everywhere：React Native不強(qiáng)求一份原生代碼支持多個(gè)平臺(tái)，所以不是write once,run anywhere；

缺點(diǎn)