一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務(wù)器之家:專(zhuān)注于服務(wù)器技術(shù)及軟件下載分享
分類(lèi)導(dǎo)航

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

服務(wù)器之家 - 編程語(yǔ)言 - JavaScript - React - React-Native 環(huán)境搭建和基本介紹

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

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

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

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

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

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

移動(dòng)端開(kāi)發(fā)軟件:XcodeAndroid Studio

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

NodeJS React Es6,Es7

React Native介紹

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

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

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

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

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

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

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

缺點(diǎn)

  1.  react native在iOS上僅支持iOS7以上,Android僅支持Android4.1以上;
  2. 開(kāi)發(fā)成本較高,對(duì)新手不友好,調(diào)試不友好;
  3. 部分復(fù)雜的界面和操作,RN無(wú)法實(shí)現(xiàn)(可以考慮原生+React Native混合開(kāi)發(fā));
  4. 版本更新較快,建議開(kāi)發(fā)固定版本

React Native vs Flutter vs Weex

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

到此這篇關(guān)于React-Native 環(huán)境搭建和基本介紹的文章就介紹到這了,更多相關(guān)React-Native 環(huán)境搭建內(nèi)容請(qǐng)搜索服務(wù)器之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持服務(wù)器之家!

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

延伸 · 閱讀

精彩推薦
  • React詳解react的兩種動(dòng)態(tài)改變css樣式的方法

    詳解react的兩種動(dòng)態(tài)改變css樣式的方法

    這篇文章主要介紹了詳解react的兩種動(dòng)態(tài)改變css樣式的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的...

    獨(dú)步炎涼的大彬11012022-03-01
  • React基于react后端渲染模板引擎noox發(fā)布使用

    基于react后端渲染模板引擎noox發(fā)布使用

    本篇文章主要介紹了基于react后端渲染模板引擎noox發(fā)布使用,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧...

    suxiaoxin5822022-03-07
  • ReactReactRouter的實(shí)現(xiàn)方法

    ReactRouter的實(shí)現(xiàn)方法

    這篇文章主要介紹了ReactRouter的實(shí)現(xiàn),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下...

    WindrunnerMax6232022-01-06
  • ReactReact事件節(jié)流效果失效的原因及解決

    React事件節(jié)流效果失效的原因及解決

    這篇文章主要介紹了React事件節(jié)流效果失效的原因及解決,幫助大家更好的理解和學(xué)習(xí)使用React框架,感興趣的朋友可以了解下...

    Cleves11712022-03-06
  • ReactReact-Native 環(huán)境搭建和基本介紹

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

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

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

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

    首先讓我們看看來(lái)自于Google趨勢(shì)的有關(guān)React、Angular和Vue.js的對(duì)比。就過(guò)去一年的情況而言,Angular***,React名列其后,而Vue.js所占份額則最少。...

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

    React中useRef的具體使用

    這篇文章主要介紹了React中useRef的具體使用,它可以用來(lái)獲取組件實(shí)例對(duì)象或者是DOM對(duì)象,除此之外還有哪些用法,就一起來(lái)了解一下...

    Meskjei6382022-02-28
  • React懶惰開(kāi)發(fā)者需要知道 React Hack

    懶惰開(kāi)發(fā)者需要知道 React Hack

    本篇從八個(gè)方面來(lái)介紹關(guān)于React Hack的一些用法,懶惰開(kāi)發(fā)者的福音,快在你的代碼中試試這些小hack吧!...

    JavaScript之禪6652021-12-24
主站蜘蛛池模板: gaychinese男男2022| 黄网久久 | 拍拍叫痛的无挡视频免费 | 国产日韩欧美一区 | 欧美亚洲欧美 | 亚洲男男video| 天干夜天天夜天干天ww | 免费视频完整版在线观看网站 | 忘忧草在线社区WWW日本-韩国 | 91精品国产91热久久久久福利 | 亚洲性视频在线观看 | 大胸孕妇孕交pregnantsex 大象视频污 | 黄动漫车车好快的车车双女主 | 女同学用白丝脚玩我的故事 | 日韩一级欧美一级一级国产 | 国产99re在线观看69热 | 草草视频在线免费观看 | 97超pen个人视频公开视频视 | 国产精品性视频免费播放 | 精品久久香蕉国产线看观看亚洲 | 色yeye在线观视频 | 97色综合 | 美女视频黄a| 出轨同学会免费观看 | 射逼网站 | 亚洲图片综合区 | 韩国最新理论片奇忧影院 | 欧美一区二区日韩一区二区 | 成人中文字幕在线高清 | 香港三级浴室女警官 | 成人福利免费视频 | 久久精品免视看国产 | 黄www片| 嫩草影院国产 | 国产中文字幕 | a一级毛片录像带 录像片 | 91av免费| 99re8在这里只有精品23 | 国产在线观看精品香蕉v区 国产在线观看a | 激情五月姐姐 | 欧美一区二区三区精品影视 |