99精品伊人亚洲|最近国产中文炮友|九草在线视频支援|AV网站大全最新|美女黄片免费观看|国产精品资源视频|精彩无码视频一区|91大神在线后入|伊人终合在线播放|久草综合久久中文

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內(nèi)不再提示

React、Preact和Inferno誰才是真正優(yōu)秀的JavaScript框架?

如意 ? 來源:讀芯術微信公眾號 ? 作者:讀芯術微信公眾號 ? 2020-10-13 16:12 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

JavaScript中有許多框架,且各有千秋。在過去的幾個月中,筆者一直在研究各種JavaScript框架及其差異。本文中,筆者將選擇三個框架,并討論構建快速Web應用程序的優(yōu)秀框架。

筆者選擇了React、Preact和Inferno,它們是非常有名的框架。本文將討論這些框架的功能(能夠開發(fā)快速的Web應用程序)、優(yōu)缺點、統(tǒng)計數(shù)據(jù)以及其他一些有趣的特點,這些特點將幫助你為項目選擇優(yōu)秀的框架。

Preact

Preact聲稱是最輕量級的框架之一,大小為3kB。體積小并沒有限制其性能。它被認為是一個非常強大的框架,并且是React的有力競爭對手。

將Preact與React進行比較時,可以發(fā)現(xiàn)它們之間存在一些相似之處。但由于Preact的功能主要基于速度和性能,因此它們還有更多重要的區(qū)別。以下是Preact的一些主要功能,這些功能使其比React更快:

首先,Precat壓縮后大小約為3Kb。React壓縮后約為42KB。

盡管React擁有自己的綜合事件系統(tǒng),該系統(tǒng)具有多種優(yōu)點,但卻被認為非常繁重。Preact僅使用DOM API來實現(xiàn)合成事件系統(tǒng)的功能。

Preact比React-lite(React的簡化版本)具有更多功能。

Preact明顯比React快。筆者發(fā)現(xiàn)了這個很棒的速度比較機制,該機制在GitHub站點上托管。它可以通過添加、完成和刪除100個項目來比較框架速度。因此,筆者從中進行了基準測試,結果表明Preact比React快四倍。

React、Preact和Inferno誰才是真正優(yōu)秀的JavaScript框架?

另外,如果熟悉React,與Preact一起使用會非常容易,因為它與React很大程度上兼容。除此之外,使用Preact還有幾個重要的優(yōu)點:

它支持ES6 API(與React相同)。

強大的CLI支持快速的項目設置

包含React獨有的其他高級功能。

Preact處于迅速增長中,出現(xiàn)了許多示例、大量文檔、不斷增長的社區(qū)等。

盡管Preact包含許多功能,但也有一些缺點。但如果需要構建基于性能的小型應用程序,那么Preact仍然是比React更好的選擇。

Inferno

Inferno是另一個JavaScript UI庫,類似于React。與Preact相似,Inferno也使用與React相同的API構建,但是Inferno的主要目的是變得快速、輕便。盡管Inferno基于React,但與React 和Preact相比,它包含一些重要的功能/差異:

與React相比,Inferno的體積非常小。壓縮后約為8KB,比Preact稍大。

Inferno不單獨包含DOM。Inferno的DOM內(nèi)置于其核心中。

Inferno-compact可以幫助您使用各種React庫。

Inferno在功能組件上使用生命周期方法。

由于本文主要基于比較速度和性能,因此來看一下Inferno自身提供的關于一些JS框架的基準比較。

React、Preact和Inferno誰才是真正優(yōu)秀的JavaScript框架?

如圖所示,Inferno對于典型應用程序操作的基準值高于Preact和React的基準值。它們幾乎與Vanilla JS相似。可以在GitHub上找到有關此基準測試系統(tǒng)的更多詳細信息。以下是使用Inferno的其他一些優(yōu)點:

速度極快。

比React、Angular和Vue更輕便。

Inferno包含其自己的服務器端渲染和路由功能。

可以將常規(guī)樣式屬性與Inferno樣式一起使用。

可以使用自己的體系結構來構建應用程序,而不是將其限制于其他人的設計。

另一方面,它也存在一些明顯的缺點。由于與React相比,Inferno相對較新,因此其生態(tài)系統(tǒng)和社區(qū)仍在發(fā)展。從而需要大量時間來提供其他庫、支持等。

同樣,Inferno不對Hooks提供支持。盡管可以使用inferno-compact來使用React組件或包,但是這會使項目變慢并且變大。這樣Inferno的優(yōu)質(zhì)體驗感會打折扣。

本文主要目的是比較React、Preact和Inferno框架的速度??梢钥吹?,Preact和Inferno的大多數(shù)功能基于React。但是在速度和性能方面,Preact居首位,而Inferno則位居第二。

因此,如果正在為需要閃電般性能的小型平臺尋找類似React的框架,Preact或Inferno將是理想選擇。但必須始終牢記, React是已經(jīng)幾乎取代了Angular的即成框架,因此無法將React與Preact或Inferno的功能完全匹配。

在功能和本機支持方面,React仍然位居榜首,而Preact和Inferno在速度方面具有優(yōu)勢,根據(jù)項目選你所需即可。
責編AJX

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • Web
    Web
    +關注

    關注

    2

    文章

    1287

    瀏覽量

    71481
  • javascript
    +關注

    關注

    0

    文章

    525

    瀏覽量

    54849
  • reactjs
    +關注

    關注

    0

    文章

    4

    瀏覽量

    4659
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評論

    相關推薦
    熱點推薦

    淘寶 vs 京東電商 API 接口,才是數(shù)據(jù)王者?

    API進行客觀比較,幫助您判斷才是真正的“數(shù)據(jù)王者”。 1.API功能覆蓋范圍 API的功能范圍決定了開發(fā)者能獲取的數(shù)據(jù)類型。淘寶API通過阿里巴巴開放平臺提供,覆蓋商品、訂單、用戶、物流等多個模塊。例如,商品API支持搜索、
    的頭像 發(fā)表于 07-08 15:51 ?190次閱讀
    淘寶 vs 京東電商 API 接口,<b class='flag-5'>誰</b><b class='flag-5'>才是</b>數(shù)據(jù)王者?

    tscircuit - 電路開發(fā)的 React 范式? 用TypeScript、React和 AI工具構建電子產(chǎn)品

    用 TypeScript、React 和 AI 工具構建電子產(chǎn)品。
    的頭像 發(fā)表于 04-30 18:18 ?718次閱讀
    tscircuit - 電路開發(fā)的 <b class='flag-5'>React</b> 范式?   用TypeScript、<b class='flag-5'>React</b>和 AI工具構建電子產(chǎn)品

    最討厭AI的人選了特朗普

    魔幻的“川普美國”,只是果,選了特朗普,才是
    的頭像 發(fā)表于 04-22 16:42 ?764次閱讀
    最討厭AI的人選了特朗普

    一種實時多線程VSLAM框架vS-Graphs介紹

    ,vSGraphs優(yōu)于當前最先進的VSLAM方法,在真實數(shù)據(jù)上平均降低3.38%的軌跡誤差,最大降幅達9.58%。同時,所提出的框架還具有良好的可擴展性,能夠處理大規(guī)模場景。此外,僅通過視覺特征,本框架實現(xiàn)的語義實體檢測精度即可媲美基于激光雷達的精密
    的頭像 發(fā)表于 04-19 14:07 ?403次閱讀
    一種實時多線程VSLAM<b class='flag-5'>框架</b>vS-Graphs介紹

    AnyDesk vs. Raspberry Pi Connect,才是“遠程霸主”?

    在樹莓派的世界里,遠程控制就像是一場魔法對決,而今天,我們的主角是兩位遠程控制界的“魔法師”——AnyDesk和RaspberryPiConnect。它們都聲稱自己是遠程控制的最佳選擇,那么,才是
    的頭像 發(fā)表于 03-25 09:24 ?368次閱讀
    AnyDesk vs. Raspberry Pi Connect,<b class='flag-5'>誰</b><b class='flag-5'>才是</b>“遠程霸主”?

    JavaScript與Rust和WebAssembly集成

    偶然一次機會,接觸了Rust的代碼。當時想給團隊小伙伴做演示,發(fā)現(xiàn)自己并不能在移動端按照文檔生成演示demo。我就想,要是Rust代碼能轉(zhuǎn)化成JavaScript就好了。結果一搜,還真有。
    的頭像 發(fā)表于 01-24 15:43 ?444次閱讀
    <b class='flag-5'>JavaScript</b>與Rust和WebAssembly集成

    SciChart—高性能的JavaScript圖表和圖形庫

    使用 SciChart 的 JavaScript 圖表庫為您的 JS 應用程序發(fā)現(xiàn)終極解決方案。 使用 WebGL 創(chuàng)建動態(tài)、高速的圖表和圖形,非常適合實時處理復雜的數(shù)據(jù)可視化。使用我們強大而靈活
    的頭像 發(fā)表于 01-22 10:15 ?743次閱讀
    SciChart—高性能的<b class='flag-5'>JavaScript</b>圖表和圖形庫

    熱門前端框架:引領現(xiàn)代 Web 開發(fā)的潮流

    在當今快速發(fā)展的前端開發(fā)領域,熱門前端框架React、Vue 和 Angular 等,成為了開發(fā)者構建高效、高性能 Web 應用的得力工具。它們各自具有獨特的特點和優(yōu)勢,引領著現(xiàn)代 Web 開發(fā)
    的頭像 發(fā)表于 01-22 10:08 ?468次閱讀

    Spire.XLS for JavaScript——多功能JavaScript電子表格庫(一)

    文件。借助此工具,開發(fā)人員能夠高效地執(zhí)行各種 Excel 編程任務,包括從模板生成新文檔、更新現(xiàn)有文檔或轉(zhuǎn)換文件格式。 Spire.XLS for JavaScript 與 Vue、React
    的頭像 發(fā)表于 01-21 09:29 ?518次閱讀
    Spire.XLS for <b class='flag-5'>JavaScript</b>——多功能<b class='flag-5'>JavaScript</b>電子表格庫(一)

    javascript:void(0) 是否影響SEO優(yōu)化

    使用 javascript:void(0) 確實可能對SEO優(yōu)化產(chǎn)生負面影響 。以下是關于 javascript:void(0) 對SEO影響的具體分析: 搜索引擎爬蟲的理解問題 搜索引擎爬蟲(如
    的頭像 發(fā)表于 12-31 16:08 ?574次閱讀

    javascript:void(0) 的作用是什么

    javascript:void(0) 在 HTML 和 JavaScript 中是一個常見的表達式,主要用來創(chuàng)建一個無操作的鏈接(通常是 標簽)或者阻止默認事件處理。具體來說,它的作用有以下幾點
    的頭像 發(fā)表于 12-31 15:55 ?2673次閱讀

    使用SSR構建React應用的步驟

    。 根據(jù)需要安裝用于服務器端的框架,如Express、Koa等。 安裝用于處理React服務器端渲染的庫,如 react-dom/server 。 二、服務器端渲染配置 設置服務
    的頭像 發(fā)表于 11-18 11:30 ?854次閱讀

    Taro鴻蒙技術內(nèi)幕系列(一):如何將React代碼跑在ArkUI上

    基于 Taro 打造的京東鴻蒙 APP 已跟隨鴻蒙 Next 系統(tǒng)公測,本系列文章將深入解析 Taro 如何實現(xiàn)使用 React 開發(fā)高性能鴻蒙應用的技術內(nèi)幕。
    的頭像 發(fā)表于 10-25 17:24 ?756次閱讀
    Taro鴻蒙技術內(nèi)幕系列(一):如何將<b class='flag-5'>React</b>代碼跑在ArkUI上

    人工與自動化,才是真正的贏家?#工業(yè)自動化 #機器視覺檢測設備 #AOI光學檢測

    工業(yè)自動化
    思普泰克
    發(fā)布于 :2024年07月30日 16:06:34

    日志框架簡介-Slf4j+Logback入門實踐

    結果不受日志的有無影響,但沒有日志的應用程序是不完整的,甚至可以說是有缺陷的。優(yōu)秀的日志系統(tǒng)可以 記錄操作軌跡 、 監(jiān)控系統(tǒng)運行狀態(tài) 和 解決系統(tǒng)故障 。 Java 日志框架進化史 早期 Java 日志框架沒有制定統(tǒng)一的標準,使
    的頭像 發(fā)表于 07-30 10:00 ?1532次閱讀
    日志<b class='flag-5'>框架</b>簡介-Slf4j+Logback入門實踐