大家好? 希望你們一切安好。從標題中，你可能已經猜到這篇文章的內容了，但等等，也許你不知道，或者你可能會發現一些意想不到的東西。所以，請快速閱讀這篇文章。
創作這篇文章的緣起
幾年前，當我被問到React時，我的回答是它只是JavaScript。沒錯，它是JavaScript，但除此之外呢？它到底能做什麼？為什麼每個人都在談論它？
我一直在尋找一篇非常基礎的關於React的文章或讀物。但我沒有找到任何合適的資料。即使現在，我也看到許多同事或朋友都面臨同樣的問題，所以我決定撰寫一些關於React的文章，幫助他們開始他們的React學習之旅。我會盡我所能讓這些文章非常容易理解，就像我之前寫的Java或CSS文章一樣。
在這篇文章中，我將嘗試向大家概述React究竟是什麼，不會涉及到編碼部分或複雜的專業術語，會盡量保持簡單，並用幾個要點來概括。
請在留言區分享你的想法
讓我們開始吧…
- React是由Meta（前身為Facebook）所建立的一個JavaScript前端函式庫。是的，它是一個函式庫，而不是一個框架，而Angular則是一個用來建立使用者介面的框架。
- 使用React，你只需要安裝它並建立你的使用者介面。我們將在接下來的文章中討論如何使用它，現在只需要記住，使用它只需使用一個簡單的命令進行安裝。
- 當我們使用React時，它會在我們的web應用程式中提供良好的類似行動應用程式的體驗。
- 當我們使用React建立web應用程式時，我們不需要等待另一個頁面載入才能點擊任何連結、按鈕或標籤。
- React不需要我們重新加載頁面，資料會在頁面本身更新，而無需重新加載，這意味著我們不會在這裡使用任何
reload()方法，儘管沒有限制不使用它，因為最終它仍然是JavaScript。
- 使用React建立的web應用程式具有高度的互動性和流暢的使用體驗。此外，這裡的過渡幾乎是即時的，我們不需要等待新頁面載入。
- 在傳統的網站中，點擊連結會向伺服器發送請求，伺服器會傳回一個HTML頁面作為回應，因此我們可能會有一些延遲，需要等待頁面載入。而在React中，我們在瀏覽器中運行JavaScript，因此我們可以在瀏覽器中運行我們的邏輯，從而可以操作使用者看到的內容。它透過DOM（實際上是一個HTML結構）來實現這一點。這就是為什麼我們不需要請求一個HTML頁面來向使用者顯示不同的內容。
- React的主要特點是其宣告式、組件化的開發方法。 React中的所有內容都是元件。什麼是React元件？ React元件是一個類似函數的模組，我們向它傳遞一些參數，它會傳回一個React元素。
- 現在問題來了，什麼是React元素？眾所周知，我們在HTML中擁有元素（p、div、body），我們使用這些元素來建立應用程式的前端。現在，React元素的使用方式與我們使用HTML元素的方式相同，但是這些React元素是我們自己建立的，而HTML元素是預先建立好的。
- 現在問題又來了，如何建立React元素？要建立React元素，我們使用JSX。 JSX代表JavaScript XML。 JSX程式碼基本上就是JavaScript中的HTML程式碼。我們不需要使用JSX，但它使編寫React應用程式更容易。關於JSX的介紹就到這裡，我們將在另一篇文章中詳細討論JSX。
- 現在最重要的一點是，我們為什麼使用React，因為它使用了SPA方法，即單頁應用程式方法。在這種方法中，不會載入新的HTML頁面，伺服器只會傳送一次HTML頁面，之後React接手並透過操作現有頁面上的DOM元素來控制應用程式的UI。 Netflix網站就是一個最好的例子，你可以訪問它並自己觀察，這裡不會發生任何HTML頁面的載入。https://www.php.cn/link/b06cbb874ce37177f6dcdf690b5ac490
最後，我想說的是，React就是關於建構現代化、響應式的使用者介面。
感謝您的閱讀。我們很快就會在另一篇基礎文章中再見
如果您有任何想法，請分享，如果我錯了，請指正。
希望您喜歡這篇文章並覺得它對您有所幫助。
在Twitter或LinkedIn上與我聯絡
以上是有史以來最具介紹性的 React 博客的詳細內容。更多資訊請關注PHP中文網其他相關文章！
