Please enable JavaScript.
Coggle requires JavaScript to display documents.
React - Coggle Diagram
React
關鍵概念
組件 (Component)
狀態 (State)
利用 Props 傳遞資料
虛擬 DOM (Virtual DOM)
jsx
單元目的：初步認識 React 關鍵概念與運作方式
環境建置
Mac / Windows
npm / yarn
Create React App
使用 CRA 開發個人網站
State v.s. Props
hooks
Lifecycle Methods
Handle Events
Router
Style Component
Context API (?)
Debug
單元目的：動手寫 React！深入認識 React Component 運行方式
串接 API (Fetch)
發布專案到 Github
Github 是什麼
上傳自己的專案，並運用 gh-pages 展示我的網站。
單元目的：了解 Github 提供的功能和使用方式，並上傳上一單元開發的網站到 Github page 上。
Github v.s. Git，差在哪？
如何在 Github 搜尋合用的資源？
學生樣貌
剛學會 html, css, js
想轉職成為工程師？
想在自己的專業上（ex 行銷、設計）
跨領域學習多一項技能？
純體驗？
學生？一般大眾？
課程目的
認識 React 概念
初探 Git, Github
使用 React 開發個人網站
發布至 Github