學(xué)習(xí)地址 1：https://pan.baidu.com/s/1O5cc6XZ_8iE5zq3M4-h9PA 提取碼：j2gi?

學(xué)習(xí)地址2：https://pan.baidu.com/s/1SFdqbCPs3xdMsIiqFI600A 提取碼：h0v9?

[11章]2023 React 18 系統(tǒng)入門 進(jìn)階實(shí)戰(zhàn)《歡樂購》

React是一個(gè) Javascript 庫，主要由 Facebook (Meta) 創(chuàng)建和維護(hù)

簡(jiǎn)短定義簡(jiǎn)短定義

React 是一個(gè)用于構(gòu)建用戶界面的 Javascript 庫。

React 可以改變你對(duì)所看到的設(shè)計(jì)以及所構(gòu)建的應(yīng)用程序的看法。以前你看到的是一片森林，使用 React 后，你將欣賞到每一棵樹。React 簡(jiǎn)化了你對(duì)設(shè)計(jì)系統(tǒng)（design system）和 UI 狀態(tài)的看法。在本教程中，我們將帶領(lǐng)你使用 React 構(gòu)建一個(gè)可搜索的數(shù)據(jù)表產(chǎn)品，并領(lǐng)略整個(gè)思考的過程。

更長(zhǎng)的定義

React 是一個(gè) Javascript 庫，只負(fù)責(zé)應(yīng)用程序的視圖層。

這意味著它只負(fù)責(zé)呈現(xiàn)您的用戶界面（例如文本、文本框、按鈕等）以及在 Ui 發(fā)生變化時(shí)更新它。

例如，假設(shè)您正在構(gòu)建一個(gè)電子商務(wù)網(wǎng)站，并且希望在用戶添加和刪除商品時(shí)保持購物袋中的商品數(shù)量。React 使您可以更輕松地指定要顯示購物袋中的商品數(shù)量：{Items.Length}.

React 將顯示它（購物袋中的商品數(shù)量）并在它發(fā)生變化時(shí)更新它。

它還允許您在 Ui 的另一部分重用此邏輯。例如，在付款頁面上；您可以重復(fù)使用相同的邏輯而無需重新編寫它。

在學(xué)習(xí) React（或任何其他前端庫）時(shí)，它似乎過于復(fù)雜或過度設(shè)計(jì)。有這種感覺是很正常的，因?yàn)楫?dāng)您與多個(gè)團(tuán)隊(duì)成員一起構(gòu)建中型或大型 Web 應(yīng)用程序時(shí)，這些庫的好處主要是可見的。因此，在學(xué)習(xí)時(shí)請(qǐng)記住這一點(diǎn)，并記住目標(biāo)是編寫可維護(hù)且高效的代碼。