去年挑戰了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怎麼...