鐵人檔案
4月底的轉職的菜鳥，剛學完vue，緊接著要挑戰從零開始學習react了！
從建立專案到完成todolist的過程中逐步了解其中的基礎架構，比較React和vue兩大框架的差異性，做出我第一個React專案，用初學者的角度去紀錄過程遇到的問題，希望能幫助到同樣程度的學習者，互相交流進步！
除了在元件標籤上設定屬性傳入props外，還有props.children這種方法 透過在包在元件的開始、結束標籤中間的Children傳入，讓子元件以prop...
介紹完後從外部傳入的Props後，我們來講React的第二種資料模組 - state系列中會主要以Functional Component的功能為主。 在先前，...
在Hook尚未出現之前，只有Class Component能夠有生命週期可以使用。什麼是生命週期？生命週期(lifecycle)是指Component從建立到銷...
Custom Hooks 是指可以建立一個自訂的個函式，在函式中使用Hook寫出能重複利用的功能，將它模組化，供給不同的元件使用。這樣就不用再不同元件中重複寫同...
Hook的useRef函式用於function component有分兩種方式做介紹，請先在要使用的元件js檔前import引入喔！(因為之後範例要使用其他Ho...
隨著專案越來越龐大，如果我們想用單頁應用程式(SPA)架設網站，需透過route（路由）來渲染不同的頁面。我們可以利用React Router來管理SPA頁面的...
講完最基礎的Route設置之後，來學習如何更準確的經由path來渲染畫面上的元件。 Route標籤屬性 Route標籤裡面得屬性除了path、componen...
設置好route後，使用react-router-dom提供的方法，在畫面上呈現連結跟操作，來讓使用者在網站上前往不同的頁面。 Link Link：會產生Ht...
react-router-dom中的適用於function component的hook函式，在上一篇已經有使用到useHistory回傳的方法來進行轉址。 而...
進行專案常需要把從API獲取的資訊轉成陣列，把陣列裡的每項物件資料，用迴圈套在元件上，依序渲染多個元件呈現在畫面上。 React中利用map()這個函式，把為原...
