鐵人檔案
去年挑戰了Vue，今年想多學一個新框架而選擇了React。目前市場所見的職缺幾乎都是以這兩個框架為主，為了讓自己職涯上更多選擇，因此再次挑戰學習框架。
React 第一天直接先來個打招呼「Hello World !」用程式碼進入React世界。 建立React環境 CDN 最快速的方式開始使用React，很...
Javascript語法是框架中很重要的角色，今天就要來理解ES6的一些新語法。 宣告const & let 以前的var可以打天下，ES6後出現了bl...
接續昨天學的三個語法，今天還有一些需要把他學會!! 陣列解構 讀取陣列我們可以這樣寫 const fruits = ['蘋果','橘子','芒果']; con...
在Day01的hello範例我們可以這樣寫 const element = <h1>Hello, world!</h1> root.re...
記得第一天的say hello範例中有提到，render就是蓋房子。render他可以像JavaScript一樣使用條件式if或是三元運算，讓Dom在條件之下進...
當網頁內頁中每一頁都有一個相同的側選單，當發現有一個項目的字寫錯了，工程師就會很厭世的去每一頁做修改，如果這時候有元件，1小時的修改時間可能30秒就可以完成。...
有了父子層的概念後，還可以怎麼運用元件呢? props傳遞資料 接續昨天的範例，這樣的模組化除了可以單純渲染畫面外，也可以重複使用且更換內容物 function...
為什麼要知道生命週期 https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/每個元件都有自...
在component那一章有提到列表的部分，其中列表有個很重要的元素 — key，今天就來看看他到底是什麼重要角色。 改良一下之前的範例: function L...
表單的運用幾乎隨處可見，登入/註冊頁面、購買頁面、基本資料頁面...等，過去在不會框架之前都只是用HTML切出畫面，再用JS送資料，今天就要來了解React怎麼...
