鐵人檔案
在前端開發中，JavaScript 已經是必要技能之一，許多公司的前端工程師徵才技能，至少都要會一個 JS 框架/函示庫 (Angular、React、Vue)，而其中 React 跟 VUE 又占了大宗，最近也接到了 React 的案子，邊學習與記錄，學習新技能就像玩遊戲一樣，我將準備開通 React，就跟著我一起解鎖 React 技能吧！
[ 前情提要 ] 要學習 React 就要有開一間餐廳的決心，你說這有什麼關係？這過程其實大同小異，兩者都需要學習且消耗時間成本，才有機會成功！現在「你」就是餐...
[ 情境劇場 ] 解師傅：開一間餐廳，一定要先了解餐廳大致的方向，跟開店要注意的地方～ 小當家：不就是熱炒店嗎？還有這麼多眉角阿．．． 解師傅：多的是你不知道的...
［情境劇場］ 解師傅：嘿！老闆！我找到了一間不錯的店面，CRA 師傅會幫我們完成它！ 要開一間 React 熱炒店，想當然要先有一間環境店面，即使小當家有再高的...
［情境劇場］ CRA 師傅：賀！店面已經裝潢好囉！剩下的擺飾交給你們去運用囉～ 解師傅：太好了～真是感謝 CRA 師傅的幫忙，這店面空間很大呢～老闆，我買了一些...
［情境劇場］ 解師傅：你們看一下，我找到了傳說中的廚具～這個怎麼樣 小當家：我看了說明書，它可以幫我們把複雜的料理簡單化，使用方法就跟一般的廚具一樣，嗯…不過好...
[ 情境任務 ] 小當家：我開發了第一道料理「蘆筍沙拉」，可以幫我放在菜單上嗎？價格就由老闆來訂吧！ 設計一個 UI 畫面時，可以將頁面看做是由小元件與區塊...
［情境任務］ 小當家：各位！我又研發了兩個菜色了～嚐嚐看吧 解師傅：這菜炒得不錯啊！一樣把它們列在菜單上吧～ 餐廳有很多不同的菜名跟價格，我們是不是可以利用昨天...
［情境任務］ 小當家：我把餐廳大致上的料理都開發出來囉！名單都整理好了，直接列上去就行 解師傅：太好了～哇！這菜色有點多呢！一個一個列好像太花時間了…不知道能不...
［情境劇場］ 解師傅：我想到了一個活動，只要來店消費，並且做打卡的動作，就送一盤小菜 小當家：嘿！這主意不錯！分享傳送我們的資訊給大家，原來解師傅也是有在動腦的...
［情境任務］ 叮咚~!! 有客人進門了！ 解師傅：歡迎光臨～這是我們的菜單，要點餐再跟我們說一下～ 客人：老闆，你們這菜單怎麼連個數量都沒有啊！！叫我怎麼點呢！...
