系列文章
【Day 11】Vue的雙向綁定v-model！React也辦得到嗎？
v-model是vue框架裡面很常見的一種雙向綁定的用法，主要會實作在input、textarea、select等的這些表單標籤上，目的是為了實現資料的雙向同步...
【Day 12】傳遞state給子層用props，但props不只用來傳遞state
在了解state怎麼定義、怎麼操作後，還有一個很重要的部分，就是state在元件中傳遞的方式。這個部分也就是大家普遍都很熟悉的props，不只在Vue中是使用p...
【Day 13】Vue與React實現互動效果的事件綁定
前幾天已經了解關於state的存取及更新方式，還有從父層把state透過props的傳遞給子層的方式，今天就讓我們把重點放在怎麼讓頁面能擁有實際的互動功能，也就...
【Day 14】設計樣式共用的元件！Vue有v-slot，那React可以怎麼做！？
對vue比較熟悉的朋友們，應該對於slot的使用都不陌生，slot對於增加元件的使用彈性上有著很大的幫助。但是React沒有vue框架中的v-slot，要怎麼彈...
【Day 15】究竟是watch？還是生命週期API？處理副作用的useEffect
寫Vue的時候，偶爾會需要使用watch去監聽某個state的變動，來去進行一些邏輯操作。在接觸React之後，我發現React也有一個類似用途的hook，這個...
【Day 16】不要再重新計算啦！把計算複雜的值緩存起來 - computed & useMemo
需要一個經歷複雜計算所產出的值時，大家通常都會怎麼做呢？是用函式把這個計算過程包裝起來，並回傳出這個計算後的值？還是透過其他的方式達成呢？其實在Vue和Reac...
【Day 17】想要避免多餘的渲染就用它？了解useCallback的最終目的
今天接著延續昨天的主題，來看另一個跟useMemo這個hook一樣都在進行緩存動作的hook，也就是useCallback。今天一樣會把焦點放在我們男主角Rea...
【Day 18】優化頁面效能的另一個方向－lazy & Suspense
前面我們連續看了兩個對避免畫面重新渲染有幫助的hook，今天緊接著再來看另一個也有助於優化效能，並提升使用者體驗的方式。之前看的幾個hooks，主要都是透過避免...
【Day 19】認識Controlled & Uncontrolled Component
在進入到明天的主題之前，先來認識兩個詞彙．分別是Controlled Component和UnControlled Component。這個部分不會複雜，但是與...
【Day 20】用ref讓Uncontrolled元件變可控
昨天已經了解Uncontrolled Component和Controlled Component的差異及概念是什麼，也知道如果是自己客製化的元件，是可以依照情...