---
# System prepended metadata

title: 直播班，預習課程觀看順序
tags: [2024 React 直播班]

---

# 直播班，預習課程觀看順序

影音課程連結：https://courses.hexschool.com/courses/enrolled/2522474

### 每週 “課前” 建議掌握進度
 
> 許多知識很難透過一次性學習就能理解，因此提前釋出預習課程讓同學能夠提前學習，如果時間有限建議可以參考以下的說明進行掌握。
時間允許的情況下，可在 12/27 第一次上課前學習至第三週進度

#### 第一週：重新打造 JavaScript 思維，從拆解認識設計模式

- 課前影音 - 關注點分離
- 環境建置（可以先看到 “在 Vite React 中，加入 Sass”，後續再陸續補齊）
- 認識 React
- JavaScript 必學觀念


#### 第二週：RESTful API 串接

- API 概念及申請說明

#### 第三週：開始熟練 React.js、第四週：元件化

- React 元件基礎
- React hooks

#### 第五週：進階語法介紹

- React 表單開發
- React hooks 進階


#### 第六週：Vite、React Router

- 環境建置（完整看完）
- Router

有時間可以練習：
- Create React App 整合製作簡易購物車（本課程是以 Vite 為主，不過本章節的實作與 Vite 環境差異不大）


#### 第七週：Redux 與 Redux Toolkit

- Redux Toolkit



---
- 從 Vue 直播班，轉移「課程 API 串接說明」章節
