鐵人檔案
在前端開發中，JavaScript 已經是必要技能之一，許多公司的前端工程師徵才技能，至少都要會一個 JS 框架/函示庫 (Angular、React、Vue)，而其中 React 跟 VUE 又占了大宗，最近也接到了 React 的案子，邊學習與記錄，學習新技能就像玩遊戲一樣，我將準備開通 React，就跟著我一起解鎖 React 技能吧！
［情境任務］ 解師傅：太好了，菜單該有的功能都有了，這麼一來就萬無一失了！ 小當家：恩…萬事俱備，只欠東風 解師傅：欸？…還需要什麼東風？ 小當家：我一直很想說...
［情境任務］ 小當家：各位～我特製了一道新菜色，我命名為黃金開口笑 解師傅：什麼！？那不是我的拿手絕活嗎！怎麼變成你的了 小當家：因為他的製程要比較久，這必須標...
［情境任務］ 小當家：客人點了一大桌的桌菜，真是累死我了！ 解師傅：哇～這些菜看起來太美味了！看看那個醬汁！讓我拍個照先～ 解師傅拍的照片真漂亮，我們把它們放在...
［情境任務］ 美食家：這是我第一次吃到這種味道，這道菜有著前所未有的新鮮味…你們的餐點真是太好吃了～我寫了餐點評論送給你們 解師傅：哇！這怎麼好意思～太感謝了！...
［情境任務］ 解師傅：我們的餐廳生意越來越好了，為了不讓客人排隊，我想客製一個點餐機～ 小當家：啥？這是什麼玩意？ 解師傅：直接在點餐機上選擇餐點跟輸入客人的資...
［情境劇場］ 解師傅：話說小當家，你這彈跳甲魚湯還真是好喝，這麼多食材，為什麼你總是能分辨那些食材是新鮮的？ 小當家：哎…解師傅，你忘了舌頭是我最厲害的武器了嗎...
［情境劇場］ 解師傅：餐廳請了歌手來駐唱，讓生意越來越好了，卻引來了隔壁小吃店的不滿，在我們版上留了負評 小當家：人紅是非多…這也是沒辦法的事，金錢才是王道啊！...
［情境劇場］ 解師傅：本來明天要請周Ｊ倫來表演，但他臨時有事，所以改請六月天樂團了！ 小當家：哦！！那我要改一下了 解師傅：改什麼？ 小當家：我的腦袋記錄名單裡...
［情境劇場］ 解師傅：嘿！想跟你調整一下菜盤數量，今天會請六月天樂團來表演小當家：這個昨天不是講過了！？更新後的菜色我已經在準備了解師傅：恩～對…只是不一樣的是...
認識 useRef 在寫原生 JavaScript 時，我們常常會用 document.querySelector 來獲取 DOM 元素，在 React 你可...
