iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

React 學得動嗎 系列

目前工作七年,基本上都在開發後端,前端則是使用Vue,因為參加web3開源專案與web3 hackathon,都要使用React,之前都靠著google + AI來開發,發現還是需要好好地掌握React,這三十天會分享,自己再有其他語言框架的經驗下,如何的學習React和生態系。

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

[Day 1] 從後端到React: 一個33歲開發者的學習之旅

大家好!歡迎來到「React 學得動嗎」系列文章的第一天。我是七年工作經驗的開發者,主要專注於後端開發,而在前端方面則主要使用Vue。今天,我想和大家分享為什麼...

2024-09-15 ‧ 由 Moscle.dev 分享
DAY 2

[Day 2] React起步:從Vue開發者視角看React基礎

昨天我們談到了為什麼要學習React,今天我們就開始動手學習,作為一個有Vue開發經驗的開發者,我們會特別注意React和Vue的異同。 開發環境設置 首先,讓...

2024-09-16 ‧ 由 Moscle.dev 分享
DAY 3

[Day 3] 使用Create React App和shadcn/ui建立React專案

大家好!歡迎來到React學習之旅的第三天。今天,我們將建立我們的React專案,並使用shadcn/ui來構建一個簡單美觀的UI界面。 建立專案 首先,讓我們...

2024-09-17 ‧ 由 Moscle.dev 分享
DAY 4

[Day 4] 改用用Vite來建立React專案

歡迎來到我們React學習之旅的第四天。今天,我們將使用Vite重新建立我們的專案。 為什麼選擇Vite? 在之前的文章中,我們使用了Create React...

2024-09-18 ‧ 由 Moscle.dev 分享
DAY 5

[Day 5] 聊聊React Hooks

歡迎來到我們React學習之旅的第五天!今天,我們來聊聊React的一個核心特性: Hooks。 什麼是useEffect? useEffect是React提供...

2024-09-19 ‧ 由 Moscle.dev 分享
DAY 6

[Day 6] React狀態提升:優化組件間的資料流動

歡迎來到我們第六天的React學習!今天,我們來聊聊一個重要的React概念:狀態提升(Lifting State Up)。這個概念可能聽起來有點抽象,我們來用...

2024-09-20 ‧ 由 Moscle.dev 分享
DAY 7

[Day 7] React自定義Hooks:解鎖組件邏輯的重用之門

歡迎來到我們React學習之旅的第七天!今天,我們來認識React的一個強大特性:自定義Hooks。這個工具能夠幫助我們提取組件邏輯到可重用的函數中,大大提高了...

2024-09-21 ‧ 由 Moscle.dev 分享
DAY 8

[Day 8] React Context:優雅地管理全局狀態

歡迎來到我們React學習之旅的第八天!今天,我們來認識一下React的Context API。這是一個強大的特性,允許我們在不同層級的組件之間共享資料,而無需...

2024-09-22 ‧ 由 Moscle.dev 分享
DAY 9

[Day 9] React 錯誤邊界:讓你的應用程式不再整個掛掉

哈囉大家好!歡迎來到我們 React 學習之旅的第九天。今天我們要來聊聊一個實用但常常被忽略的功能:錯誤邊界(Error Boundaries)。 什麼是錯誤邊...

2024-09-23 ‧ 由 Moscle.dev 分享
DAY 10

[Day 10] React 效能優化:把網站的腿接起來

歡迎來到我們 React 學習之旅的第十天。今天我們要來聊聊如何讓你的 React 應用程式接起腿後,跑得更快、更順暢。我們將介紹幾個超級實用的效能優化工具:m...

2024-09-24 ‧ 由 Moscle.dev 分享