React

React 介紹

?

• React 是一個(gè)用于構(gòu)建用戶界面的漸進(jìn)式 JavaScript 庫(kù)

  • 本身只處理 UI

  • 不關(guān)系路由

  • 不處理 ajax

• React主要用于構(gòu)建UI，很多人認(rèn)為 React 是 MVC 中的 V（視圖）。

  • 數(shù)據(jù)驅(qū)動(dòng)視圖

• React 由 Facebook 開發(fā)

• 第一個(gè)真生意義上把組件化思想待到前端開發(fā)領(lǐng)域

  • angular 早期沒(méi)有組件化思想

  • 后來(lái)也被 Vue 學(xué)習(xí)借鑒了

React 起源于 Facebook 的內(nèi)部項(xiàng)目，因?yàn)樵摴緦?duì)市場(chǎng)上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來(lái)架設(shè) Instagram 的網(wǎng)站。做出來(lái)以后，發(fā)現(xiàn)這套東西很好用，就在2013年5月開源了。

由于 React 的設(shè)計(jì)思想極其獨(dú)特，屬于革命性創(chuàng)新，性能出眾，代碼邏輯卻非常簡(jiǎn)單。所以，越來(lái)越多的人開始關(guān)注和使用，認(rèn)為它可能是將來(lái) Web 開發(fā)的主流工具。

這個(gè)項(xiàng)目本身也越滾越大，從最早的UI引擎變成了一整套前后端通吃的 Web App 解決方案。衍生的 React Native 項(xiàng)目，目標(biāo)更是宏偉，希望用寫 Web App 的方式去寫 Native App。如果能夠?qū)崿F(xiàn)，整個(gè)互聯(lián)網(wǎng)行業(yè)都會(huì)被顛覆，因?yàn)橥唤M人只需要寫一次 UI ，就能同時(shí)運(yùn)行在服務(wù)器、瀏覽器和手機(jī)（參見(jiàn)《也許，DOM 不是答案》）。

• 數(shù)據(jù)驅(qū)動(dòng)視圖

• 組件化

• 路由

• React 8w

  • 對(duì)技術(shù)要求比較高

  • 今年春天的，只要會(huì)用就行

  • 編程性更好一些，更底層，更靈活

  • 可玩兒性更高

• Vue 7.5 w

• angular

  • 1 5.7 w

  • 2 3w

React 特點(diǎn)

• 組件化

• 高效

  • 虛擬 DOM

  • Vue 2 也是虛擬 DOM

  • 虛擬 DOM 更高效

• 靈活

  • 漸進(jìn)式，本身只處理 UI ，可以和你的其它技術(shù)棧組合到一起來(lái)使用

• 聲明（配置）式設(shè)計(jì)

  • data 響應(yīng)式數(shù)據(jù)

  • mathods 處理函數(shù)

  • 這樣做的好處就是按照我們約定好的方式來(lái)開發(fā)，所有人寫出來(lái)的代碼就像一個(gè)人寫的

  • state

  • 方法就是類成員

  • 也有特定的組件生命鉤子

• JSX

  • 一種預(yù)編譯 JavaScript 語(yǔ)言，允許讓你的 JavaScript 和 HTML 混搭

  • 模板中就是 JavaScript 邏輯

• 單向數(shù)據(jù)流

  • 組件傳值

  • 所有數(shù)據(jù)都是單向的，組件傳遞的數(shù)據(jù)都是單向

  • Vue 也是單向數(shù)據(jù)流

  • 沒(méi)有雙向數(shù)據(jù)綁定

總結(jié)

以上是生活随笔為你收集整理的React是什么及特点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。