鐵人檔案
商學院背景半路出家。老闆說：「你去架一個網站」（這是快八年前xd），秉持著躍躍欲試的精神，結果第一件事情摸到了 FileZilla (?) 根本大誤，深知沒有 mentor 基本上就是瞎子摸象。上過不少課程，但是跟著打指令和做作品，電腦關掉以後腦袋還是一片空白。或許從「為什麼」開始理解，可能會是練好絕世武功前的起手打底。
這 30 天從 JavaScript 開發中「會用卻不知道為什麼」的問題出發，一路實驗、踩坑、訂正，把真正理解的過程記錄下來。
Day 10 我們終於把網站拆得比較像一個真的 React 專案： main.jsx ↓ App.jsx ├─ Header.jsx ├─ main └─ Fo...
Day 11 最後，我們把選單從單純的字串： const menuItems = [ '首頁', '服務', '關於我們' ] 慢慢改成： con...
Day 12 我們已經知道，一筆會員資料可以先用 Object 表示： const user = { id: 1, name: 'Anthony',...
Day 13 我們把一個會員頁一路拆成： App ↓ MemberPage ↓ MemberCard 也第一次真的用到 props： <MemberCa...
Day 14 第一次認真看 Figma。 昨天在 CRM UI Kit 的登入畫面裡，我點到包住兩顆按鈕的 Frame，右邊看到： Auto layout Fl...
今天要弄懂： const [user, setUser] = useState(null) 這一行在幹嘛？ 我們先從會員登入這件事情開始。 會員系統其實只是...
Day 16 最後，我們先把登入按鈕寫成這樣： <button onClick={() => { setUser({ nam...
Day 17 最後，我們把登入流程接成這樣： import { useState } from 'react' function App() { cons...
Day 18 最後留下一段很常見的 React 寫法： {user && <Member />} && 是「AND...
Day 16 第一次碰到 useState 時，我先把它理解成： const [user, setUser] = useState(null) React 幫...
