React.js 特定語言指南

此 React.js 語言專屬指南將向您展示如何使用 Docker 將 React.js 應用程式容器化，並遵循建立高效、生產就緒（production-ready）容器的最佳實踐。

React.js 是一個廣泛使用的互動式使用者介面建構函式庫。然而，有效管理依賴項、環境和部署可能會很複雜。Docker 透過提供一致且容器化的環境來簡化此流程。

致謝

Docker 衷心感謝 Kristiyan Velkov 撰寫本指南。身為 Docker Captain 及經驗豐富的前端工程師，他在 Docker、DevOps 和現代 Web 開發方面的專業知識使本資源對社群極具價值，協助開發人員探索並最佳化其 Docker 工作流程。

您將學到什麼？

在本指南中，您將學習如何：

• 使用 Docker 容器化並執行 React.js 應用程式。
• 在容器內為 React.js 設定本地開發環境。
• 在 Docker 容器內執行 React.js 應用程式的測試。
• 為您的容器化應用程式使用 GitHub Actions 設定 CI/CD 管線。
• 將容器化的 React.js 應用程式部署到本地 Kubernetes 叢集進行測試和除錯。

首先，您將從容器化現有的 React.js 應用程式開始。

先決條件

在開始之前，請確保您熟悉以下內容：

• 對 JavaScript 或 TypeScript 的基本理解。
• 對 Node.js 和 npm 用於管理依賴項和執行指令碼的基本知識。
• 熟悉 React.js 基礎知識。
• 了解 Docker 概念，例如映像檔（images）、容器（containers）和 Dockerfile。如果您是 Docker 新手，請從 Docker 基礎指南開始。

完成 React.js 入門模組後，您將準備好使用本指南提供的範例和說明，將您自己的 React.js 應用程式容器化。

模組

1. 容器化

   學習如何透過建立針對效能、安全性和可擴展性進行最佳化的生產就緒映像檔，將 React.js 應用程式容器化。

2. 開發應用程式

   學習如何使用容器在本地開發您的 React.js 應用程式。

3. 執行測試

   學習如何在容器中執行 React.js 測試。

4. 使用 GitHub Actions 自動化建置流程

   學習如何為您的 React.js 應用程式配置使用 GitHub Actions 的 CI/CD。

5. 測試部署

   了解如何部署到本機以測試與除錯您的 Kubernetes 部署。