從Bob Ziroll學習React

學習React一開始可能感覺具有挑戰性，特別是當你不確定如何開始或發現自己盯著空白的程式碼編輯器時。但適當的課程可以幫助你理解核心概念，並通過建立真實世界的專案來獲得實踐經驗。

我們剛在freeCodeCamp.org的YouTube頻道上發布了一門課程，以最引人入勝、實踐的方式教授你現代React。這門課程由Scrimba的Bob Ziroll創建，其中包含超過170個編碼挑戰和六個令人興奮的專案。到最後，你將具備開發解決真實問題的React應用程式的技能和信心。Bob之前的React課程是學習React的最受歡迎的方式之一，他完全更新了這門課程，以教授所有最新的React概念。

在這門課程中你將學到什麼

該課程分為六個全面的部分，從基礎知識開始逐漸深入更複雜的概念：

1. React基礎知識
   深入了解React的基礎，包括JSX、組件、屬性、狀態，以及React的聲明式和可組合設計原則。你的第一個專案，ReactFacts，是一個簡單有趣的介紹，教你如何建立功能組件並應用樣式。

2. 旅行日記專案
   學習創建可重複使用的組件並處理屬性。您將使用 JavaScript 的 .map() 函數動態呈現旅行日記，使其在功能和視覺上都更具吸引力。

3. 廚師克勞德專案
   探索狀態管理和表單，在構建食譜應用程序時。您將練習事件處理、條件呈現，以及使用陣列和物件管理複雜狀態。通過本節的學習，您將深入了解如何處理 React 中的用戶交互。

4. 迷因生成器專案
   從 API 中獲取數據並使用 React 的 useState 和 useEffect 鉤子。您將創建一個動態加載和自定義迷因圖片的迷因生成器，這將為您提供數據獲取和受控組件的經驗。

5. 念珠遊戲
   構建一個允許用戶擲骰子、保留骰子並配對以贏得遊戲的骰子遊戲。這個項目非常適合在 React 中練習組件樣式、條件邏輯和遊戲機制。

6. 組合終極項目
   以一個猜字遊戲結束課程，挑戰您規劃並實施更高級功能的能力，包括改進可訪問性、狀態共享和互動式 UI 組件。

課程最後提供了有關如何加速開發環境的提示和工具，包括 VS Code 擴展和 React 開發者工具，以優化調試和提高生產力。

結論

準備好踏入現代 React 的世界了嗎？查看 freeCodeCamp.org YouTube 頻道 的課程（觀看時長 16 小時）。