NPM

NPM 介紹

NPM 安裝

NPM 指令

package.json 與 package-lock.json

package.json 解構＆指令

NVM 安裝

React 安裝

React 是什麼

編譯和打包

React 安裝

CRA 專案架構介紹

JSX

JSX 簡介

JSX 本身也是 Expression

Converting HTML to JSX

作業 1 講解

作業 2 講解

Props

Components 簡介

Components 拆解

Props and Children

Components 實作

作業 1 講解

Class Component

課程專案簡介

State

React Life Cycle

作業 1 講解

Functional Component

Hook 簡介

useState

useEffect

改寫 Class Component

自定義 Hook

useContext

其他 Hook

總結

作業 1 講解

作業 2 講解

Axios

fetch data

什麼是 axios

用 axios 改寫 fetch data

axios 攔截器

作業 1 講解

作業 2 講解

React Router

React Router 介紹

SPA vs MPA

CSR vs SSR

React Router 介紹

React Router 實作

作業 1 講解

專案

專案介紹

專案拆分

專案實作 1

專案實作 2

專案實作 3

專案實作 4

專案實作 5

Webpack

Webpack 簡介

安裝 webpack & 初始化專案

webpack.config.js

測試是否打包成功

新增 package.json

babel 安裝 + react 安裝

babel 設置

loader - sass

plugins - UglifyJsPlugin

hot reload 設置

vite vs webpack

React 驗證處理

驗證簡介

JWT 簡介

課程專案講解

前端如何處理用戶登入？

實作用戶權限功能

實作管理員權限功能