鐵人檔案
30天用React打造AI工具箱 Day1 序章：我想做的事情 我想把AI能力做成真的能用的前端工具，而不是只看模型示範。為了讓新手也能跟上，我選擇React（...
30天用React打造AI工具箱 Day2 昨天我們已經把專案跑起來，確認React和Tailwind都能正常運作。從今天開始，我們先補一點JavaScript...
30天用React打造AI工具箱 Day3 昨天我們看了變數與資料型態，今天要來進一步補上三個React常用的基礎： 函式（Functions） 陣列（Arr...
30天用React打造AI工具箱 Day4 今天要來看React的核心：元件(Component)。React的哲學就是「一切都是元件」，你可以想像元件就是一個...
30天用React打造AI工具箱 Day5 昨天我們認識了Function Component，並且知道它就像是一塊積木。但如果這塊積木只能顯示固定內容，就會很...
30天用React打造AI工具箱 Day6 昨天我們學了props，今天換到元件自己的資料來源——state。有了state，你的畫面才能對使用者操作做出反應：...
30天用React打造AI工具箱 Day7 今天要學的「事件處理」是React最常用的功能之一，讓畫面不只是靜態顯示，而能根據使用者操作做出反應。 基本語法 R...
30天用React打造AI工具箱 Day8 React的條件渲染：決定顯示什麼 在真實的應用程式裡，我們常常需要根據情況來決定要不要顯示某個內容。例如： 使用...
30天用React打造AI工具箱 Day9 React的清單渲染：用map生成元件 前一天我們學了條件渲染，今天要學的是清單渲染。很多時候資料是一組陣列，例如待...
30天用React打造AI工具箱 Day10 React受控表單：讓使用者輸入資料 到現在為止，我們已經能顯示清單，但清單內容都是寫死的。今天要學的是「受控表單...
