iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

從Vue學React!不只要會用,還要真的懂~ 系列

從Vue學React!雖然看起來可能是一個奇特的學習方式,但對於本來是寫Vue小菜菜的我來說,不僅能有更明確的學習方向,從Vue與React特性、概念,以及用法的比較中,還能對React及Vue有更深一層的理解。而且這次的重點不只在於懂得如何使用,還要更深入的理解為何要這樣用,讓我們一起拋開Junior「只要會用就好」的思維,朝著成為senior「還要真的懂」的方向前進吧!

這三十天一起與男主角React,男配角Vue,享受美好的三人行學習旅程吧:)

鐵人鍊成 | 共 30 篇文章 | 31 人訂閱 訂閱系列文 RSS系列文 團隊曼陀號計畫V
DAY 21

【Day 21】管理邏輯複雜的狀態 - useReducer

我們在最一開始的時候,就已經看過最基本用來管理state的hook-useState了,今天再來看看另一個也是用在管理state的hook,就是useReduc...

2023-09-27 ‧ 由 文科少女 分享
DAY 22

【Day 22】 深層傳遞state!除了props還有其他方式 - proivde & inject和useContext

還記得前幾天有提到因為Vue和React都是以單向資料流為核心,所以資料的傳遞方向都必須是爺爺傳給爸爸,爸爸再傳給兒子嗎?雖然用props層層傳遞state,沒...

2023-09-28 ‧ 由 文科少女 分享
DAY 23

【Day 23】利用useReducer + useContext管理複雜的狀態邏輯

我們在前幾天已經認識了useReducer和useContext的用法,今天來點進階的內容,把useReducer和useContext結合在一起使用看看。這兩...

2023-09-29 ‧ 由 文科少女 分享
DAY 24

【Day 24】跨越直系與旁系元件的全域狀態管理工具

針對狀態管理,前面有看過最基本的useState,也有看過useReducer用法,甚至還有搭配useContext,讓state可以不用再層層傳遞,但是目前為...

2023-09-30 ‧ 由 文科少女 分享
DAY 25

【Day 25】用實作學Redux Toolkit!完成一個購物車(上) - 基本設定&基本用法

昨天已經先認識了Vuex和Redux這兩個狀態管理的工具了!今天則是會專注看怎麼把Redux使用到React上的部分。當我們想要在React上使用Redux時,...

2023-10-01 ‧ 由 文科少女 分享
DAY 26

【Day 26】用實作學Redux Toolkit!完成一個購物車(下) - Middleware之處理非同步的操作

昨天已經看了一些RTK的基本用法,今天一樣是使用RTK繼續完成我們的購物車。雖然昨天已經完成了大部分的功能,可以把商品加入到購物車了,但是我們的商品清單目前是暫...

2023-10-02 ‧ 由 文科少女 分享
DAY 27

【Day 27】 SPA與他的小夥伴 - 路由(Route)

我們前面已經從Vue看到React的一些hooks的用法,也透過實作來學習Redux這個用來管理全域狀態的Libray。一個網頁除了需要有能夠互動、操作的功能外...

2023-10-03 ‧ 由 文科少女 分享
DAY 28

【Day 28】 從vue-router學react-router(上) - 基本設定及一些常見用法

今天主要一樣會偏向於從使用的方式來了解React相關的路由使用方式,不過在這之前還是會先來認識提到React的路由就會看到的兩個名字,分別是react-rout...

2023-10-04 ‧ 由 文科少女 分享
DAY 29

【Day 29】 從vue-router學react-router(下) - 更多的常見用法

今天會延續昨天尚未看完的一些常見用法,繼續從vue-router學react-router。在正式開始之前,也稍微前情提要一下,昨天我們除了了解什麼是react...

2023-10-05 ‧ 由 文科少女 分享
DAY 30

【Day 30】從Vue學React!最終大回顧&完賽感言

沒想到與React和Vue你看我我看你地過著的這段日子雖然過程難熬,但回頭看卻又發現時間過得居然如此的快,轉眼間已經到了鐵人賽的最後一天了!雖然已經到了最後一天...

2023-10-06 ‧ 由 文科少女 分享