欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2021年04月22日 15:04:03   作者:愚公搬代碼  
這篇文章主要介紹了React-Native 環(huán)境搭建和基本介紹的相關(guān)資料,包括react native優(yōu)缺點,通過實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下

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

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

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

移動端開發(fā)軟件:XcodeAndroid Studio

3.知識儲備

NodeJS React Es6,Es7

React Native介紹

在這里插入圖片描述

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

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

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

React Native優(yōu)缺點:

優(yōu)點

  1. 跨平臺開發(fā):運用React Native,我們可以使用同一份業(yè)務(wù)邏輯核心代碼來創(chuàng)建原生應(yīng)用運行在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. 開發(fā)成本較高,對新手不友好,調(diào)試不友好;
  3. 部分復(fù)雜的界面和操作,RN無法實現(xiàn)(可以考慮原生+React Native混合開發(fā));
  4. 版本更新較快,建議開發(fā)固定版本

React Native vs Flutter vs Weex

在這里插入圖片描述

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

相關(guān)文章

  • react?redux及redux持久化示例詳解

    react?redux及redux持久化示例詳解

    這篇文章主要為大家介紹了react?redux及redux持久化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-08-08
  • react中context傳值和生命周期詳解

    react中context傳值和生命周期詳解

    這篇文章主要介紹了react中context傳值和生命周期,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-03-03
  • 如何用react優(yōu)雅的書寫CSS

    如何用react優(yōu)雅的書寫CSS

    這篇文章主要介紹了如何用react優(yōu)雅的書寫CSS,幫助大家更好的理解和學(xué)習(xí)使用react,感興趣的朋友可以了解下
    2021-04-04
  • React代碼分割的實現(xiàn)方法介紹

    React代碼分割的實現(xiàn)方法介紹

    雖然一直有做react相關(guān)的優(yōu)化,按需加載、dll 分離、服務(wù)端渲染,但是從來沒有從路由代碼分割這一塊入手過,所以下面這篇文章主要給大家介紹了關(guān)于React中代碼分割的方式,需要的朋友可以參考下
    2022-12-12
  • React?Immutable使用方法詳細(xì)介紹

    React?Immutable使用方法詳細(xì)介紹

    Immutable.js出自Facebook,是最流行的不可變數(shù)據(jù)結(jié)構(gòu)的實現(xiàn)之一。它實現(xiàn)了完全的持久化數(shù)據(jù)結(jié)構(gòu),使用結(jié)構(gòu)共享。所有的更新操作都會返回新的值,但是在內(nèi)部結(jié)構(gòu)是共享的,來減少內(nèi)存占用
    2022-09-09
  • 一篇文章教你用React實現(xiàn)菜譜系統(tǒng)

    一篇文章教你用React實現(xiàn)菜譜系統(tǒng)

    本篇文章主要介紹了React實現(xiàn)菜譜軟件的實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2021-09-09
  • react四種組件中DOM樣式設(shè)置方式詳解

    react四種組件中DOM樣式設(shè)置方式詳解

    這篇文章主要介紹了react之四種組件中DOM樣式設(shè)置方式,通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-10-10
  • 一文詳解React組件API

    一文詳解React組件API

    這篇文章主要介紹了React的組件API,及組件API的用法詳解,文中有詳細(xì)的代碼示例,對學(xué)習(xí)或工作有一定的參考價值,感興趣的同學(xué)可以閱讀本文
    2023-04-04
  • React中useState和useEffect的用法詳解

    React中useState和useEffect的用法詳解

    Hooks?發(fā)布之后,函數(shù)組件能擁有自己的?state,React提供了很多內(nèi)置的Hooks,這篇文章就來和大家介紹一下useState?和?useEffect的使用,需要的可以參考一下
    2023-06-06
  • react學(xué)習(xí)每天一個hooks?useWhyDidYouUpdate

    react學(xué)習(xí)每天一個hooks?useWhyDidYouUpdate

    這篇文章主要為大家介紹了react學(xué)習(xí)每天一個hooks?useWhyDidYouUpdate使用示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-04-04

最新評論