大家好!
目前工作開發是使用 Vue 框架,那為什麼會進行這次的 React 個人讀書會呢?是因為看了一部 Youtube 上的影片 (2020 Vue vs. React 前端擂台戰),了解到原來 React 有如此多的優點,因此就想來一探究竟。
React 個人讀書會的內容會以 Udemy 上的課程: The Ultimate React Course 2023: React, Redux & More 為主,我會將課程內容內化成自己的知識,來完成這次的 React 學習之旅。
多次調用 set 函式 這裡有一個簡單的情境,有一個初始值為 20 的 age 變數,我們想要在按下按鈕時將 age 增加 1。 function App()...
什麼是派生狀態(Derived State)? 在 React 中,派生狀態是指從現有的某個狀態或屬性計算出來的狀態,這篇文章將探討派生狀態的概念,以及如何運...
什麼是 Children Prop? 在 React 中,Children Prop 是每個 React 元件會自動接收的一個特殊屬性。 // 每個元件都會有...
什麼是 Prop Drilling? 當一個父元件包含多個嵌套子元件,並且子元件需要最外層父元件的資料時,我們需要將資料從最頂層傳遞到最底層,讓子元件能夠訪問...
為什麼需要 useEffect? 以下是一個範例,我們一開始透過 fetch 方法從遠端 API 取得資料,並將取的回來的資料 data.Search 透過...
什麼是 Cleanup Function? 在 React 中,useEffect 允許我們執行副作用操作,同時還提供了一種清理這些副作用的機制。 Clea...
我們已經介紹了一些 React Hooks(像是 useState 和 useEffect),在今天的文章中,我們將探討 React Hooks 的工作原理以...
什麼是Custom Hooks? Custom Hooks 的核心概念是可重用性,在 React 中,我們可以將可重用的邏輯封裝成 Custom Hooks,...
什麼是 useRef? useRef 是 React 提供的內建 Hooks 之一,它用於創建一個稱為 ref 的物件,這個 ref 可以用來儲存和訪問在多次...
在 React 16.8 版本以前,開發者使用不同的方法來撰寫 React 元件,這種方法涉及使用 class 和生命週期方法。 儘管如今開發者更傾向於使用函...