iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

終究都要學 React 何不現在學呢? - React 基礎 - React 是什麼? - (1)

前言 不管怎麼樣,一開始絕對都是先從認識 React 基礎觀念與認識了解 React 背景開始,這樣子對於後續要學習其他框架時才能夠比較清楚彼此之間的差異,除此...

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

終究都要學 React 何不現在學呢? - React 基礎 - Hello React - (2)

前言 前面我們快速了解 React 跟 Vue 之間的寫法上差異,所以接下來就是準備正式開始認識並學習 React 囉。 事前提醒 由於接下來我們將會學習 Re...

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

終究都要學 React 何不現在學呢? - React 基礎 - Class?Hooks? - (3)

前言 Function Component?Class Component?React Hooks?這些到底是什麼東西呢?所以這一篇我們就要來認識一下 Reac...

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

終究都要學 React 何不現在學呢? - React 基礎 - JSX - (4)

前言 常常聽到人家說 JSX 這是什麼東西?好像對於寫 React 的人來講是一個必須要學的東西? JSX 介紹 撰寫 React 之前你一定會需要了解 JSX...

2022-09-18 ‧ 由 Ray 分享
DAY 5

終究都要學 React 何不現在學呢? - React 基礎 - 事件處理 - (5)

前言 接著來聊聊 React 的事件處理,畢竟事件處理這件事情我們在開發上是非常常見的。 Vue 事件處理 一開始我們先來快速聊一下 Vue 的部分。 Vue...

2022-09-19 ‧ 由 Ray 分享
DAY 6

終究都要學 React 何不現在學呢? - React 基礎 - 元件 - (6)

前言 接下來要來聊聊關於元件的部分,如果你是一名 Vue 開發者,相信你對於元件這個概念一定非常的熟悉,那麼 React 呢?React 的元件又如何呢? 什麼...

2022-09-20 ‧ 由 Ray 分享
DAY 7

終究都要學 React 何不現在學呢? - React 基礎 - useState - (7)

前言 State 是 React Hook 非常重要的東西,多重要呢?簡單來講只要你需要更改呈現在畫面上的資料,那麼就一定脫離不了 React State。 V...

2022-09-21 ‧ 由 Ray 分享
DAY 8

終究都要學 React 何不現在學呢? - React 基礎 - useEffect - (8)

前言 接下來我們要來認識一個新的 React Hook,也就是 useEffect,那麼單看這個名子會覺得有一點特別,因為直接翻譯成中文來講是「使用效果」,那麼...

2022-09-22 ‧ 由 Ray 分享
DAY 9

終究都要學 React 何不現在學呢? - React 基礎 - useContext - (9)

前言 前面章節我們有初步認識到了 React 元件傳遞過程也就是 Props,但 Props 通常是上層一路傳遞到下層,雖然這樣子可以確保資料流向,因為是單向的...

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

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

前言 接下來這一章節我們將會實作一些小東西,主要是要整合前面的知識點,否則單看知識而沒有任何一點輸出的話是沒有任何用處的,因此就讓我們準備練習一下吧。 範本樣板...

2022-09-24 ‧ 由 Ray 分享