終究都要學 React 何不現在學呢? - React 基礎 - TodoList (上) - (10)
接下來這一章節我們將會實作一些小東西,主要是要整合前面的知識點,否則單看知識而沒有任何一點輸出的話是沒有任何用處的,因此就讓我們準備練習一下吧。
收錄了 10 篇相關文章
接下來這一章節我們將會實作一些小東西,主要是要整合前面的知識點,否則單看知識而沒有任何一點輸出的話是沒有任何用處的,因此就讓我們準備練習一下吧。
前面章節我們有初步認識到了 React 元件傳遞過程也就是 Props,但 Props 通常是上層一路傳遞到下層,雖然這樣子可以確保資料流向,因為是單向的,但卻也會延生一些麻煩問題發生,也就是傳遞太深,因此這時候我們就要來認識一個新的東西 useContext。
接下來我們要來認識一個新的 React Hook,也就是 useEffect,那麼單看這個名子會覺得有一點特別,因為直接翻譯成中文來講是「使用效果」,那麼這是什麼東西呢?我們就來認識一下吧。
State 是 React Hook 非常重要的東西,多重要呢?簡單來講只要你需要更改呈現在畫面上的資料,那麼就一定脫離不了 React State。
接下來要來聊聊關於元件的部分,如果你是一名 Vue 開發者,相信你對於元件這個概念一定非常的熟悉,那麼 React 呢?React 的元件又如何呢?
整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ
接著來聊聊 React 的事件處理,畢竟事件處理這件事情我們在開發上是非常常見的。
常常聽到人家說 JSX 這是什麼東西?好像對於寫 React 的人來講是一個必須要學的東西?
Function Component?Class Component?React Hooks?這些到底是什麼東西呢?所以這一篇我們就要來認識一下 React 中的寫法以及其差異。
前面我們快速了解 React 跟 Framework 跟 Library 的差異,接下來當然就是準備正式認識 React 囉。
不管怎麼樣,一開始絕對都是先從認識 React 基礎觀念與認識了解 React 背景開始,這樣子對於後續要學習其他框架時才能夠比較清楚彼此之間的差異,除此之外因為我本身是 Vue 開發者,因此其實我是抱著想多學一個框架的心態寫這一篇,所以可能會出現一些 Vue 跟 React 兩者語法上的差異比較,主要也是希望讓 Vue 開發者可以更好上手,接著就不廢話了,讓我們往下學吧!
整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ