iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

終究都要學 React 何不現在學呢? - React CRA - TodoList 與 GitHub 部署 - (21)

前言 接下來會將第十一天所實作的 TodoList 從 CodePen 移植過來,因此這章節也會整理一下 CRA 順便安裝 Tailwind CSS,讓我們的...

2022-10-05 ‧ 由 Ray 分享
DAY 22

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

前言 這一篇開始將會進入另一個新章節也就是 Vite,相信許多人已經在專案上體驗過 Vite,如果還沒也沒關係,接下來會帶你了解會什麼 Vite 很香,以及如何...

2022-10-06 ‧ 由 Ray 分享
DAY 23

終究都要學 React 何不現在學呢? - React Vite - Vite 淺談與 GitHub 部署 - (23)

前言 前一章節已經將原本在 Create React App 的環境轉移到 Vite 了,所以接下來會稍微簡單認識為什麼 Vite 這麼快的原因與如何將專案部署...

2022-10-07 ‧ 由 Ray 分享
DAY 24

終究都要學 React 何不現在學呢? - React Router - 基礎與介紹 - (24)

前言 雖然在極小的專案下,前面章節所學的知識點是很足夠的,但是我們在真正的專案開發上不可能只用前面的知識點而已,因為頁面會隨著專案規模大小越來越複雜,因此我們需...

2022-10-08 ‧ 由 Ray 分享
DAY 25

終究都要學 React 何不現在學呢? - React Router - 巢狀路由 - (25)

前言 前面我們已經認識了基本的 React Router,接著我們要認識另一個觀念,也就是巢狀路由,而巢狀路由在實戰開發上是很常見的,因此這一篇我們就必須要來認...

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

終究都要學 React 何不現在學呢? - React Router - Link 與 NavLink - (26)

前言 前面我們有稍微提到 Link,但是我們並沒有很認真的去認識它,只是單純帶到如何使用而已,所以這一篇會特別去說明 Link,同時也會介紹到另一個東西,也就是...

2022-10-10 ‧ 由 Ray 分享
DAY 27

終究都要學 React 何不現在學呢? - React Router - Hook - (27)

前言 那麼由於我們主要都是以 React Hook 為主,因此 React Router 也有提供一些 Hook 給我們使用,所以這邊我們也要稍微了解一下有哪些...

2022-10-11 ‧ 由 Ray 分享
DAY 28

終究都要學 React 何不現在學呢? - React Router - Lazy Loading - (28)

前言 這一篇要來介紹 React Router 中很重要一個優化的部分,也就是 Lazy Loading,Lazy Loading 在實在開發上其實是非常重要的...

2022-10-12 ‧ 由 Ray 分享
DAY 29

終究都要學 React 何不現在學呢? - React Redux - Redux 與快速入門 - (29)

前言 這一篇開始會進入另一個新章節,只是這個章節我只會簡單的拆成兩篇,所以內容相對會少一點,那麼什麼是 Redux 呢?這一篇就讓我們來了解一下吧。 什麼是 R...

2022-10-13 ‧ 由 Ray 分享
DAY 30

終究都要學 React 何不現在學呢? - 鐵人賽後記 - 目錄 - (30)

前言 這一篇是「終究都要學 React 何不現在學呢?」系列的最後一篇了,同時也是目錄,因此也最後分享一下自己學的過程,以及一些心得。 鐵人心得 其實本身我自己...

2022-10-14 ‧ 由 Ray 分享