鐵人檔案
從Vue學React！雖然看起來可能是一個奇特的學習方式，但對於本來是寫Vue小菜菜的我來說，不僅能有更明確的學習方向，從Vue與React特性、概念，以及用法的比較中，還能對React及Vue有更深一層的理解。而且這次的重點不只在於懂得如何使用，還要更深入的理解為何要這樣用，讓我們一起拋開Junior「只要會用就好」的思維，朝著成為senior「還要真的懂」的方向前進吧！
這三十天一起與男主角React，男配角Vue，享受美好的三人行學習旅程吧：）
v-model是vue框架裡面很常見的一種雙向綁定的用法，主要會實作在input、textarea、select等的這些表單標籤上，目的是為了實現資料的雙向同步...
在了解state怎麼定義、怎麼操作後，還有一個很重要的部分，就是state在元件中傳遞的方式。這個部分也就是大家普遍都很熟悉的props，不只在Vue中是使用p...
前幾天已經了解關於state的存取及更新方式，還有從父層把state透過props的傳遞給子層的方式，今天就讓我們把重點放在怎麼讓頁面能擁有實際的互動功能，也就...
對vue比較熟悉的朋友們，應該對於slot的使用都不陌生，slot對於增加元件的使用彈性上有著很大的幫助。但是React沒有vue框架中的v-slot，要怎麼彈...
寫Vue的時候，偶爾會需要使用watch去監聽某個state的變動，來去進行一些邏輯操作。在接觸React之後，我發現React也有一個類似用途的hook，這個...
需要一個經歷複雜計算所產出的值時，大家通常都會怎麼做呢？是用函式把這個計算過程包裝起來，並回傳出這個計算後的值？還是透過其他的方式達成呢？其實在Vue和Reac...
今天接著延續昨天的主題，來看另一個跟useMemo這個hook一樣都在進行緩存動作的hook，也就是useCallback。今天一樣會把焦點放在我們男主角Rea...
前面我們連續看了兩個對避免畫面重新渲染有幫助的hook，今天緊接著再來看另一個也有助於優化效能，並提升使用者體驗的方式。之前看的幾個hooks，主要都是透過避免...
在進入到明天的主題之前，先來認識兩個詞彙．分別是Controlled Component和UnControlled Component。這個部分不會複雜，但是與...
昨天已經了解Uncontrolled Component和Controlled Component的差異及概念是什麼，也知道如果是自己客製化的元件，是可以依照情...
