iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

React 學得動嗎 系列

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

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

[Day 11] React 錯誤處理和除錯

今天我們要來聊聊如何處理錯誤,以及如何有效地進行除錯,這些技巧對於開發專案有很大的幫助。 為什麼錯誤處理和除錯這麼重要? 在 React 開發中,錯誤處理和除錯...

2024-09-25 ‧ 由 Moscle.dev 分享
DAY 12

[Day 12] React 寫測試的實用指南

大家好,今天是我們 React 學習的第十二天,想和大家聊聊如何為 React 應用程式撰寫測試。其實,寫測試沒有想像中困難,反而能讓你的程式碼更穩定可靠。 為...

2024-09-26 ‧ 由 Moscle.dev 分享
DAY 13

[Day 13] React 狀態管理介紹:Redux、MobX 和Zustand

在 React 開發中,隨著應用程式變得愈加複雜,狀態管理也變得更加困難。今天將介紹三種常見的狀態管理工具:Redux、MobX 和 Zustand,以協助開發...

2024-09-27 ‧ 由 Moscle.dev 分享
DAY 14

[Day 14] React 生態系:React Query 和 React Hook Form

今天我們要來聊聊 React 生態系中的兩個實用的套件:React Query 和 React Hook Form。 React Query: React Qu...

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

[Day 15] React如何規劃專案結構

今天我們要來聊聊如何管理React專案,好的專案結構可以讓其他開發者很清楚該去哪邊找到檔案。 為什麼專案結構很重要? 好的專案結構有助於提升程式的可讀性和維護性...

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

[Day 16] React 進階技巧:HOC 與 Render Props

今天,我們將學習 React 中兩個重要的程式碼重用技巧:高階元件(HOC)和渲染屬性(Render Props)。這些技巧是提升程式碼可讀性與重用性的工具,能...

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

[Day 17] 幾個React 效能優化技巧

今天,我們將聊聊如何提升 React 應用的效能,確保應用能夠在不同情境下高效運行。效能優化是開發高效軟體的關鍵,不僅能提升使用者體驗,還能減少伺服器和用戶端的...

2024-10-01 ‧ 由 Moscle.dev 分享
DAY 18

[Day 18] React 實戰:打造健身房後台 Dashboard

今天是Day 18,我們前面學習了許多React的技巧,現在應該要來實作看看。我們來使用 React 開發一個實際的專案 —— 健身房後台 Dashboard。...

2024-10-02 ‧ 由 Moscle.dev 分享
DAY 19

[Day 19] Gym Pro:健身房後台管理系統實作

昨天我們開始React實戰-打造健身房dashboard,今天,我們要開始實作我們的健身房後台管理系統 —— Gym Pro。我們將從建立專案開始,一步步建立起...

2024-10-03 ‧ 由 Moscle.dev 分享
DAY 20

[Day 20] Gym Pro:設計登入頁面和主導航,整合 React Query

今天,我們要為 Gym Pro 設計登入頁面和主要的導航結構,並討論如何使用 React Query 來優化我們的 API 請求。 1. 設計登入頁面 首先,我...

2024-10-04 ‧ 由 Moscle.dev 分享