allforonereactrebuild

全部為一個反應重建

姓名：伊麗莎白·托特特（Elizabeth Trotter）

項目範圍

這是rebuild of a former project ，該項目將以前的Mini API端點挑戰整合到10頁的Web應用程序中。該項目的重點是learn how to use React 。該項目使用mobile first design在Figma上進行了原型。

• 單擊此處訪問FIGMA原型以獲取移動設備和桌面。
• 單擊此處訪問使用Vanilla JavaScript完成的原始項目回購。

筆記

該應用程序從我在Azure上創建和部署的功能齊全的Web API獲取。其他應用程序可以通過HTTP訪問它。

• 單擊此處訪問Web API回購。

應用程序預覽

圖1：主頁的移動預覽和前兩個級別

同行評審

姓名： Zachary Dressel日期/時間： 2/9/24 3:55 PM評論：項目是為React Recreation的要求而進行的項目，除了向後的2級，所有功能都很好，並且該級別9可以使用描述，而不僅僅是名稱的輸出。網站也完全反應迅速，總體上令人讚嘆！

解決問題：

• 固定級別2錯誤✅2 /9/24 4:55 pm

---

創建React應用程序入門

該項目用Create React應用程序進行了引導。

可用腳本

在項目目錄中，您可以運行：

npm start

在開發模式下運行該應用程序。
打開http：// localhost：3000在瀏覽器中查看。

進行更改時，該頁面將重新加載。
您可能還會在控制台中看到任何棉絨錯誤。

npm test

在交互式手錶模式下啟動測試跑者。
有關更多信息，請參見有關運行測試的部分。

npm run build

將應用程序構建到build文件夾中。
它正確地捆綁了在生產模式下進行反應，並優化構建以獲得最佳性能。

構建被縮小，文件名包括哈希。
您的應用已準備好部署！

有關更多信息，請參見有關部署的部分。

npm run eject

注意：這是一個單向操作。 eject後，您將無法返回！

如果您對構建工具和配置選擇不滿意，則可以隨時eject 。此命令將從您的項目中刪除單個構建依賴關係。

取而代之的是，它將將所有配置文件和傳遞依賴性（webpack，babel，eslint等）複製到您的項目中，以便您完全控制它們。除eject以外的所有命令仍然可以工作，但是它們將指向複製的腳本，以便您可以調整它們。在這一點上，您是一個人。

您不必使用eject 。策劃的功能集適用於中小型部署，您不應該感到有義務使用此功能。但是，我們知道，如果您在準備好後，您無法自定義該工具，則該工具將沒有用。

了解更多

您可以在創建React應用程序文檔中了解更多信息。

要學習反應，請查看反應文檔。

代碼分裂

本節已搬到這裡：https：//facebook.github.io/create-react-app/docs/code-splitting

分析捆綁包大小

本節已搬到這裡：https：//facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

製作漸進式網絡應用

本節已搬到這裡：https：//facebook.github.io/create-react-app/docs/making-a-progressive-web-app-app

高級配置

本節已搬到這裡：https：//facebook.github.io/create-react-app/docs/advanced-configuration

部署

本節已搬到這裡：https：//facebook.github.io/create-react-app/docs/deployment

npm run build無法縮小

本節已搬到這裡：https：//facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-build-fails-to-minify