鐵人檔案
公司之前的開發有使用 React，當時雖然有在案子中幫忙，但多數都是處理 layout 的部分，對於 React 其實並沒有深入了解，希望透過這次自我挑戰，讓自己更加了解 React。
props props 是 React 中用來讓父元件傳遞參數到子元件中的物件，裡面包含了所有傳遞到子元件的屬性和值。使用方式就是在父元件中調用子元件時添加屬性...
React 元件生命週期 React 元件生命週期指的是元件從初始化到渲染完成，再到組件卸載的整個過程。整個生命週期大概可以分為初始化階段、更新階段以及卸載階段...
React 在 16.3 版新增了一些新的生命週期方法，並開始逐漸廢棄一些舊方法，舊方法就是前一篇提過的componentWillMount()componen...
接下來幾篇會透過實作來更深入了解 React，我們會製作一個簡易的個人網站，在這個小 side project 裡面會用到下面幾項技術： create-rea...
前一篇有提到如何安裝 react-router-dom，這一篇我們會透過實作來運用這個套件裡面的一些元件及功能。 Link 元件 header 的部分因為會做到...
這一篇相對來說比較單純，大多是元件切版的部分，比較多會是範例程式碼。 首頁製作 首先是製作首頁的部分，首頁的大佈局分別是自我介紹及作品列表，作品列表的部分因為在...
React 中 event 的使用方式和原生 JS 有所不同，主要是以下幾點差異 在原生 JS 中，DOM 元素的事件屬性名稱都是小寫，例如 onclick，...
ref 是 React 中用來取得 DOM 節點的一個方法，通常是使用 ref 來處理以下這些行為： 處理 focus、選擇文字等 處理動畫效果 與第三方套件...
受控組件(Controlled Component)指的是受 state 和 setState 控制資料的組件。 非受控組件(Uncontrolled Com...
Portal 是 React 提供來讓子元件可以在父元件外渲染的一種方式，官網文件有提到一個經典案例，就是當父元件有著 overflow: hidden 或是...
