# React 新手讀書會

* 最後會告知讀書會參與費用

## 如何報名？
1. 7/21(四) 中午 12:00 開放報名，可先預約 Line 提醒
<a href="https://r.botbonnie.com/YtDyA">
<img src="https://i.imgur.com/oacUU8T.png">
</a>

## 活動與報名時間
* 報名時間：7/21(四) 中午 12 點~7/24(日)
* 直播教學開始時間：8/3 ~ 8/24，每週三晚上 20:00 ~ 22:00
* 最終證書作業繳交截止日：9/4(日)
* 當週發送完課證書：9/23(五)
* 影音觀看期限：直播錄影提供一年觀看，期限為 2023/9/23
* 課程資源：講義、每日任務將永久保存

## 說明會大綱
1. 為什麼會有這場讀書會？
2. 讀書會如何運作？
3. 如何提前準備？
4. 要到什麼程度才可以學 React？

## 課程大綱

### 第一堂：8/3 React 起手式，從 Hooks 開始入門
起手式中將帶大家認識 React 的基本運作，以及 JavaScript 中的常見基本知識，同時會以 Hooks 來講解 React 如何進行資料狀態處理

### 第二堂：8/10 Component 元件開發
掌握元件開發後，就能打造出複用性高的程式碼出來，在這堂讀書會將會使用 Create React App 帶您進入資料元件傳遞的殿堂。

### 第三堂：8/17 React Router 設計
做中大型架構時，頁面多就會變得難以管理，在此會開始瞭解元件如何搭配 React Router 來做統一管理。

### 第四堂：8/24 Todolist 全攻略
好不容易學會了，當然要把作品推上去！將搭配 React Hook Form 表單驗證，介接 JWT 登入註冊 API，部署到 GitHub Pages 上 ~

## 讀書會如何運作？
1. **技術導讀**：8/3 ~ 8/24，每週三晚上 20:00 由洧杰帶領導讀
2. **每日任務**：每週一到五提供碎片知識，方便大家吸收
3. **Discord 討論**：各路大神一起交流
4. **目標導向**：設計最終證書作業，領取證書

## 完課獎勵證書
1. 若有在 9/4 前繳交最終證書作業，助教審核通過者，則可獲得完課獎勵證書。
2. 若 9/4 ~ 9/23 期間助教審核失敗，則沒辦法再次提交批改獲得證書

備註一：若在活動期間被助教退件，可於 9/4 前再次提交作業

備註二：最終證書作業審核門檻：需使用 React Router，會檢視功能是否都有正常運作，不會審核 Code，但會將寫得好的讀書會作品給予學生參考。

## 如何提前準備？
1. [官方文件](https://zh-hant.reactjs.org/docs/getting-started.html)，不要看 class component
2. [從 Hooks 開始，讓你的網頁 React 起來](https://ithelp.ithome.com.tw/users/20103315/ironman/2668?page=1)

## 要到什麼程度，才建議學 React？
1. 變數、流程判斷、陣列物件、函式、DOM、事件監聽
2. AJAX GET、POST API 介接
3. [變數影片](https://www.youtube.com/watch?v=FGdKdn_CnWo)、[陣列影片](https://www.youtube.com/watch?v=_vFuDQ_6Xt8) 能複習且可理解
4. [表單答對40題](https://forms.gle/yG7N9QuaHx2DvRxv9)
5. [DOM 版本](https://codepen.io/liao/pen/NWXvvGg?editors=0010)、[React Hooks](https://codepen.io/termyanen/pen/vMWoox?editors=0010) 版本