如果你剛剛開啟web開發(fā)生涯的人生，并且已選擇使用 React，或者你正在考慮使用它，那么你可能會(huì)碰到很多問題。這里收集了一些關(guān)于 React 的常見問題，都關(guān)于 React 的各個(gè)方面。對(duì)React感興趣的同學(xué)，可以報(bào)名參加Web前端培訓(xùn)，可以在較短時(shí)間內(nèi)獲得很大提升。

　　1. 什么是反應(yīng)？

　　React 或 ReactJS，有時(shí)被稱為是一個(gè) Javascript 庫(kù)，用于為 Web 應(yīng)用程序和網(wǎng)站構(gòu)建交互式用戶界面，旨在最大限度地減少為 Web 應(yīng)用程序和網(wǎng)站創(chuàng)建用戶界面所花費(fèi)的時(shí)間和精力。該項(xiàng)目于 2013 年開源，現(xiàn)在由 Facebook 以及來自世界各地的個(gè)人開發(fā)人員和公司維護(hù)。

　　2. React 是框架還是庫(kù)？

　　第一點(diǎn)已經(jīng)說明了React 是一個(gè)庫(kù)，這里進(jìn)一步解釋為什么它是一個(gè)庫(kù)而不是一個(gè)框架。

　　框架和庫(kù)之間的一個(gè)關(guān)鍵區(qū)別是框架定義了代碼的結(jié)構(gòu)和架構(gòu)。它決定了你的應(yīng)用程序的開發(fā)方式。你可以將其視為房屋的模板。另一方面，庫(kù)更像是你可以添加到現(xiàn)有房屋中的家具和房屋配件。

　　庫(kù)是在開發(fā)過程中執(zhí)行常見重復(fù)功能的程序的集合。因此，就像家具一樣，你可以將庫(kù)添加到現(xiàn)有代碼庫(kù)中以供使用。這正是 React 的設(shè)計(jì)方式。它可用于為你的應(yīng)用程序創(chuàng)建 UI 組件或編輯以前使用 HTML 創(chuàng)建的 UI 組件。你定義你想如何使用它，這與框架的功能形成鮮明對(duì)比。在Web前端培訓(xùn)中，有很多關(guān)于React的學(xué)習(xí)課程，可以讓你快速掌握這門技術(shù)的使用，高效完成開發(fā)任務(wù)。

　　3. React 是由什么語言組成的？

　　React 是一個(gè) Javascript 庫(kù)，因此它是用 Javascript 制作的。要使用它，就要使用 Javascript。或者，你可以選擇使用 JSX 或 Javascript eXtension(一種 XML-Esque 語言)來構(gòu)建 UI 組件。 JSX 語法仍將轉(zhuǎn)換為等效的 Javascript，但它更容易編寫。

　　由于 React 的流行，幾乎所有轉(zhuǎn)換為 JavaScript 的語言(TypeScript、Flow、ReasonML、ClojureScript、PureScript 等)都有綁定。

　　4. 什么時(shí)候使用 React？

　　React 最初是由 Facebook 作為 Javascript 庫(kù)發(fā)布的，用于為 Web 構(gòu)建用戶界面。從那以后，它已經(jīng)超越了這一點(diǎn)。 2015 年，F(xiàn)acebook 發(fā)布了 React Native 一個(gè)跨平臺(tái)的移動(dòng)框架，它利用 React 為 Android 和 iOS 構(gòu)建用戶界面。

　　5. 是否需要額外設(shè)置？

　　設(shè)置 React 并不像啟動(dòng)一個(gè)設(shè)置文件那么簡(jiǎn)單，它涉及很多過程，除了安裝 React 庫(kù)本身之外，你還需要安裝其他包和大量配置才能擁有完整的 React 開發(fā)環(huán)境。

　　需要安裝 webpack 和 babel 等包并配置它們以擁有完整的 React 開發(fā)環(huán)境。你可能可以跳過安裝這些包并在沒有它們的情況下開發(fā)簡(jiǎn)單的項(xiàng)目，但對(duì)于較大的項(xiàng)目，你應(yīng)該安裝它們。想要學(xué)習(xí)React更多技能，可以報(bào)個(gè)Web前端培訓(xùn)班，有系統(tǒng)全面的課程和明確清晰的學(xué)習(xí)路線，讓學(xué)習(xí)更輕松更有效。

　　6. 可以添加到現(xiàn)有項(xiàng)目中嗎？

　　React 作為一個(gè)庫(kù)可以與現(xiàn)有項(xiàng)目一起使用。在你的系統(tǒng)上設(shè)置好之后，你需要做的就是將 react 和 react-dom 腳本標(biāo)簽添加到你現(xiàn)有的 HTML 代碼中，然后調(diào)用包含你使用腳本標(biāo)簽創(chuàng)建的組件的 Javascript 文件。然后你放置一個(gè) div 標(biāo)簽，將組件名稱作為它的 id，放在你想要放置 React 組件的地方，你就可以開始了。

　　7. React 是否支持漸進(jìn)式遷移？

　　React 的設(shè)計(jì)方式使其易于逐漸適應(yīng)。你可以只使用其中的一些功能，而將其他功能排除在外。隨著時(shí)間的推移，你可以在你的代碼庫(kù)中包含更多的 React 特性。像 Netlify 這樣的流行公司已經(jīng)成功地從其他 JavaScript 庫(kù)/框架遷移到 React，這樣做是漸進(jìn)的。

　　8. 如何托管 React 應(yīng)用程序？

　　React 應(yīng)用程序可以像任何其他 Web 應(yīng)用程序一樣托管。你可以選擇很多選項(xiàng)。你可以在 Github Pages、Netlify、Heroku 和許多其他網(wǎng)站上托管你的 React 應(yīng)用程序，盡管這些更適合靜態(tài)網(wǎng)站。對(duì)于動(dòng)態(tài)站點(diǎn)，你可能需要考慮 AWS、Microsoft Azure 或 Google Cloud 等解決方案。想了解更多關(guān)于React的信息，不妨報(bào)名參加Web前端培訓(xùn)，有理論和實(shí)踐項(xiàng)目一起學(xué)習(xí)，學(xué)以致用，在項(xiàng)目中鍛煉自己的思維能力和動(dòng)手能力，獲得快速成長(zhǎng)。

　　你還可以決定在托管之前使你的網(wǎng)站在服務(wù)器端呈現(xiàn)、客戶端呈現(xiàn)或預(yù)呈現(xiàn)。你的用例將確定這三個(gè)中的哪一個(gè)最適合你。 React 支持所有這三種渲染方法。 React 應(yīng)用程序默認(rèn)是客戶端渲染的。

　　但有時(shí)，你可能需要一些服務(wù)器端渲染應(yīng)用程序帶來的優(yōu)勢(shì)，如 SEO 和感知性能。但是，如果你的大部分網(wǎng)頁只能在登錄頁面后訪問，那么服務(wù)器端應(yīng)用程序就不值得了。客戶端呈現(xiàn)的網(wǎng)站將更適合你的目的。

　　9. React開發(fā)者的體驗(yàn)是怎樣的？

　　總的來說，一旦你安裝了所有必要的包，使用 React 進(jìn)行開發(fā)是很容易的。但是你必須首先設(shè)置你的開發(fā)環(huán)境，這涉及安裝多個(gè)軟件包并進(jìn)行順利和無故障開發(fā)所需的配置。

　　要開發(fā) React 應(yīng)用程序，你需要使用 JSX 和 Javascript。如果你以前一直在開發(fā)網(wǎng)站，那么你會(huì)選擇 Javascript。另一方面，JSX 是特定于 React 的，需要一點(diǎn)時(shí)間來學(xué)習(xí)它。雖然它是可選的，但它使編寫 React 組件更容易。參加web前端培訓(xùn)，有好的教學(xué)環(huán)境、系統(tǒng)規(guī)范的課程、主流軟件，不光可以擴(kuò)展你的技術(shù)，同時(shí)緊貼就業(yè)市場(chǎng)需求設(shè)計(jì)。讓你學(xué)到的技能貼合就業(yè)市場(chǎng)，不怕面對(duì)就業(yè)競(jìng)爭(zhēng)對(duì)手。

　　React 還支持充分利用 HMR(熱模塊重新加載)，允許你即時(shí)更新應(yīng)用程序，而無需重新加載頁面。

　　10. React 生態(tài)系統(tǒng)是什么樣的？

　　有很多工具和庫(kù)可用于幫助你使用 React 進(jìn)行開發(fā)。有狀態(tài)管理工具、格式化、類型檢查、身份驗(yàn)證、測(cè)試等等。它們一起形成了一種框架，但具有更大的靈活性，因?yàn)槠渲幸恍┕ぞ呔哂卸鄠€(gè)選項(xiàng)。

　　11. React 的性能如何？

　　React 非常快，這是因?yàn)橐粋€(gè)主要原因，即虛擬 DOM。 DOM 或文檔對(duì)象模型是 HTML 代碼的表示。這就是讓 Javascript 能夠操作 HTML 元素的原因。它利用 DOM API 來實(shí)現(xiàn)這一點(diǎn)。不幸的是，由于現(xiàn)代網(wǎng)站的性質(zhì)，操縱 DOM 可能會(huì)令人厭煩。

　　React 虛擬 DOM 是你與 React 交互的實(shí)際 DOM 的更簡(jiǎn)單副本。它不會(huì)在每次狀態(tài)發(fā)生變化時(shí)重新加載整個(gè) DOM，而是重新創(chuàng)建 React DOM 并使用差異算法將其與之前的版本進(jìn)行比較。然后它指示 DOM 僅重新加載受影響的區(qū)域。這顯著減少了更新頁面所需的時(shí)間。通過Web前端培訓(xùn)的學(xué)習(xí)，你不僅能夠掌握React的技術(shù)應(yīng)用，也會(huì)對(duì)其底層原理有所了解，并通過實(shí)戰(zhàn)項(xiàng)目，具備獨(dú)立負(fù)責(zé)React 前端項(xiàng)目的能力。