iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

終究都要學 React 何不現在學呢? 系列

反正身為一名前端工程師掌握 1 ~ 2個框架也是很正常的事情以及身為一名工程師肝硬化、少年禿頭都是很正常的事情,那麼遲早都要成為禿頭肝鐵人不如趁現在來學個 React 讓自己禿的更光以及肝極致的硬化吧。

除此之外因為我本身是 Vue 開發者,因此其實我是抱著想多學一個框架的心態寫這一篇,所以可能會出現一些 Vue 跟 React 兩者語法上的差異比較,主要也是希望讓 Vue 開發者可以更好上手,接著就不廢話了,就讓我們準備開始學吧!

鐵人鍊成 | 共 30 篇文章 | 56 人訂閱 訂閱系列文 RSS系列文
DAY 11

終究都要學 React 何不現在學呢? - React 基礎 - TodoList (下) - (11)

前言 前一篇我們已經完成了一個簡單版的 React TodoList,接著這一篇我們要來針對這個簡單版的 TodoList 優化一下,讓它變得更完整。 Reac...

2022-09-25 ‧ 由 Ray 分享
DAY 12

終究都要學 React 何不現在學呢? - React 進階 - 深入 JSX - (12)

前言 前面章節雖然我們已經認識了基本的 JSX 的部分,但這一篇我們會更深入的認識了解 JSX,讓我們在開發的時候可以少一點雷點,甚至活用一些技巧。 creat...

2022-09-26 ‧ 由 Ray 分享
DAY 13

終究都要學 React 何不現在學呢? - React 進階 - useMemo - (13)

前言 這一章節開始我們要來介紹一個新的 Hook 也就是 useMemo,但是再說明 useMemo 之前我們先來回顧一下 Vue 裡面與 useMemo 類似...

2022-09-27 ‧ 由 Ray 分享
DAY 14

終究都要學 React 何不現在學呢? - React 進階 - useCallback - (14)

前言 接下來這一篇算是簡單的一篇,因為我們只會快速認識一下 useCallback,而 useCallback 是什麼呢?就讓我們繼續往下看吧。 useCall...

2022-09-28 ‧ 由 Ray 分享
DAY 15

終究都要學 React 何不現在學呢? - React 進階 - useReducer - (15)

前言 接著我們要來認識一個很特別的東西,也就是 useReducer,而 useReducer 可以說是 useState 的進階版,因為 useReducer...

2022-09-29 ‧ 由 Ray 分享
DAY 16

終究都要學 React 何不現在學呢? - React 進階 - useRef - (16)

前言 接下來要來聊一個有趣的 Hook,也就是 useRef 這個 Hook,這個 Hook 有什麼特別的功能呢?就讓我們瞧瞧吧! useRef 前面這邊先提一...

2022-09-30 ‧ 由 Ray 分享
DAY 17

終究都要學 React 何不現在學呢? - React 進階 - Custom Hook - (17)

前言 我們在前面章節認識到了許多 React Hooks,但是這些 Hooks 都是由 React 官方所提供的,那如果我們想自訂自己的 Hooks 可不可以?...

2022-10-01 ‧ 由 Ray 分享
DAY 18

終究都要學 React 何不現在學呢? - React 進階 - Fragments - (18)

前言 Fragments 是一個實戰上非常常使用的技巧,它可以讓我們在寫 React 的時候,可以不用一定要包一層 div,這樣就可以讓我們的 HTML 結構更...

2022-10-02 ‧ 由 Ray 分享
DAY 19

終究都要學 React 何不現在學呢? - React CRA - CRA 建立 - (19)

前言 這一章節開始我們將會進入全新的章節,也就是 React CRA 章節,從這個章節開始也會慢慢減少在 CodePen 上的使用,而是開始進入實戰常見得開發環...

2022-10-03 ‧ 由 Ray 分享
DAY 20

終究都要學 React 何不現在學呢? - React CRA - StrictMode 與 WebVitals - (20)

前言 延續上一篇的 CRA 專案,這一天會將剩下兩成沒看過的程式碼稍微認識一下,所以這一篇也會相對簡單輕鬆。 Web Vitals 一開始我們先來看一下 ind...

2022-10-04 ‧ 由 Ray 分享