在 Concurrency 新渲染機制的基礎上，那些令人驚豔的功能

認識 Redux 基本用法

useEffect 的清理機制、不能放 async function？及 React 事件監聽執行順序

初始化 state、設 default props、處理 this 等等問題

使用 Class Component 的不同、State 的初始化及更新

JSX 和 HTML 的差別、認識 Component 的複用性與巢狀結構

基本觀念、開始建立專案及 React 和 ReactDOM 差別

this 變數、arguments 和 IIFE

物件、函式及 by reference 觀念

JS 基本知識、執行環境、型別與運算子

過去 functional component 只用來單純呈現資料，但是，hook 的出現改變了一切，解決它不能擁有 state 的問題，也變相擁有類似生命週期方法的操作。

Hook 是一種重複使用邏輯的方法，讓 function component 可以擁有 state 的功能。

元件從準備、渲染到頁面、狀態更新後等各個階段，組成了所謂的 lifecycle。

談談 React 的核心，元件化及單向資料流。

了解 JavaScript 執行特性及 Event Loop 事件循環機制。

一改以往多頁式的設計，每點選一個按鈕就得重新載入另外一個頁面的操作。SPA 架構下，除了第一次需要全畫面渲染，之後網頁「不需跳轉頁面」就可以達到基本的建立、讀取、修改、刪除功能。

DOM 是 HTML 的程式介面，它提供了一個文件樹的結構化表示法，讓程式可以存取、改變風格和內容。

用來指定一個元素的定位方式，透過 top、right、bottom 和 left 特性來「特別定位」元素，是經過計算後得到的位置

一種新的布局方式，是為了適應不同螢幕和設備尺寸而誕生的佈局模式

用來定義標籤們的顯示方式，透過 CSS 來改變元素預設的顯示方式，進而達到排版目的

認識 API、HTTP 協定和方法

Primitive type（基本型別）和 Object types（物件型別）

JavaScript 基本觀念、變數及運算子

用 CLI 對電腦下指令及如何進行版本控制