鐵人檔案
原先主力是寫Vue.js，總是寫Vue也會好奇旁邊的發展，後來有機會到用React的公司工作，就想這趁段時間記錄自己的所學，也同時強化自己的學習，也保持分享的心態進行，與大家交流。
昨日提及到使用到 useState 時，當 state 有變動時，就會觸發元件重新渲染，更新畫面。 當有個情境是基於 state 原有的值去計算新值並連續用...
在 Day 6，我們開始建立第一個 React 元件，並透過 props 將父層元件的資料傳遞給子層元件。隨後，我們學習了 useState，了解了如何在元件...
今天要來學習的是列表渲染，在 React 中列表渲染，會使用到JavaScript 的陣列方法的 map函式。map 允許我們遍歷陣列後，並返回一個新的 JS...
昨日練習與學習列表渲染之後，今天來了解條件渲染的使用與應用！ React 條件渲染說明與範例 在 React 中，條件渲染是常見的功能，可以根據狀態變化來動態...
在 React 中，處理表單是常見的事情，通常使用onChange 事件處理器來去做資料的更新。表單可能會有多種欄位，會將每個欄位拆開來介紹，以下分別為各種類型...
在 React 中撰寫 CSS 的幾個方式 在 React 中有很多種方式可以寫 CSS，將介紹幾種常見的 CSS 撰寫方式，包括外部引入 CSS 檔案、CSS...
鐵人賽進行到這裡，也來到第17天囉！ 前面我們學習不少React的基礎概念，現在就來做個綜合練習，把先前所學的內容做練習。要做的項目是TodoList，這小專案...
今天就要來準備實作TodoList了，來看一下昨天的結果圖。 首先開一個新的專案 專案環境建立 使用 create-react-app 建立一個 React 專...
了解useEffect之前，先來知道 何謂 副作用吧！ 什麼是副作用 (Side Effects)？ 在日常生活中，我們常聽到「副作用」這個詞。例如，當我們服用...
在網頁中常常需要與後端進行資料的溝通，通常是使用API來獲取、修改、或刪除資料。在這篇文章中，要學習如何在 React 中使用 Axios 套件來進行 CRUD...
