技術 [ Day 09 ] State 是什麼？

在前面的篇幅中有提到， React.js 是採用元件式開發並可以設定每個元件不同的狀態（ State ）。所以今天我們就要帶大家來看看什麼是 State ？...

技術 [ Day 08 ] 元件的資料傳遞 - Props

在 Day 06 和 Day 07 中，我們認識了 React.js 的兩個 Components : Function Component 和 Class C...

技術 [ Day 13 ] React 的生命週期 - Unmounting

今天終於要進入到生命週期的最後一個階段： Unmounting 了！在元件要被卸載的這個階段會發生什麼事呢？ Unmounting 卸載 一個 Compon...

技術 [ Day 27 ] 實作一個 React.js 網站 3/5

上篇我們已經完成了網站中 Navigation 的樣式和路由設定，今天我們要來設定網站中的其他元件，接著今天就要來實作其他的元件還有元件之間的資料處理。我們就馬...

技術 [ Day 15 ] React Hooks 中的 useState

昨天 Day 14 跟大家介紹了 React Hooks 的基本概念之後，今天就要馬上帶大家來看第一個 Hook 函式： useState() 的用法囉～ u...

技術 [ Day 16 ] React Hooks 中的 useEffect

昨天介紹了在 Function Component 中該如何操作 state 的方法（附上傳送門），今天這篇要來為大家介紹的就是第二個較常用到的 React H...

技術 [ Day 12 ] React 的生命週期 - Updating

今天要來進入到生命週期的第二個環節： Updating 更新，繼上篇的 Mounting 元件掛載階段中提到過有一個方法是在 Updating 階段也會出現的，...

技術 [ Day 22 ] React 中的 State 管理 - Redux

今天進入到全新的篇章 Redux 了！Redux 是 React.js 中很常拿來作為狀態管理使用的一個套件，在 Vue.js 的框架中也有一個 Vuex 是專...

技術 [ Day 28 ] 實作一個 React.js 網站 4/5

接續上一篇的 Layout 相關元件實作後，今天要來開發 React.js 網站的功能是表單設計的部分，因為我們希望能在網站中使用該表單新增新的 Meetup...

技術 [ Day 01 ] 開賽和那些期許

哈囉大家好！我是阿關 是說第一次參加鐵人賽就想要挑戰一個自己完全不熟悉的題目我也是覺得自己蠻有勇氣的啦～ 如標題所言，接下來的這 30 天我會在這邊紀錄我開始學...

技術 [ Day 11 ] React 的生命週期 - Mounting

在 Class Component 的章節中我們提到過，它有別於 Function Component 的地方就在於 State 和生命週期（ Lifecycl...

技術 [ Day 23 ] Redux 中的核心概念

上一篇 Day 22 我們已經了解了何謂 Redux 以及該套件的三大原則，今天就要來為大家介紹在 Redux 這個套件中的核心概念及功能名詞介紹。 主要的概...

技術 [ Day 14 ] 佳評如潮的 React Hooks

今天總算進入到了 React.js 中大名鼎鼎的 React Hooks 這個章節了！ 這樣講可能很浮誇，但是當初在選擇框架學習時我就已經在搜尋引擎當中看到非常...

技術 [ Day 19 ] 表單中的 Controlled Component

在網站開發時有時候會使用到表單的元件，而表單內大多是採用 input 的欄位來搜集使用者的資料的。因此對於該欄位內的值要如何取用就是我們今天要為大家介紹的內容：...