iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

React 學得動嗎 系列

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

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

[Day 21] Gym Pro:實作會員管理功能

今天,我們將實作健身房管理系統中一個非常關鍵的功能——會員管理。我們會構建會員列表頁面和會員詳情頁面,並且學習如何使用 TanStack Table 和 Rea...

2024-10-05 ‧ 由 Moscle.dev 分享
DAY 22

[Day 22] Gym Pro:課程管理系統的實作與日曆視圖整合

今天,我們要來實作健身房管理系統中另一個重要的功能:課程管理。我們來建立課程列表頁面、課程詳情頁面,以及一個日曆來顯示課程安排。 1. 安裝必要的套件 首先,我...

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

[Day 23] Gym Pro:打造報表和分析功能

今天,我們要來實作一個報表和分析功能,讓健身房老闆可以一目了然地看到整個健身房的運營狀況。 1. 安裝必要的套件 首先,我們需要安裝 Recharts,這是一個...

2024-10-07 ‧ 由 Moscle.dev 分享
DAY 24

[Day 24] Gym Pro:強化安全性與優化用戶體驗

今天,我們要來為我們的系統加上重要的安全機制,並且優化整體的用戶體驗。 1. 實現身份驗證 首先,我們要實現一個完整的身份驗證機制。我們將使用 JWT(JSON...

2024-10-08 ‧ 由 Moscle.dev 分享
DAY 25

[Day 25] Gym Pro:會員積分系統與課程預約功能

今天,我們要來為系統新增兩個新功能:會員積分系統和課程預約功能,繼續擴充Gym Pro的系統功能完整性。 1. 會員積分系統 會員積分系統可以鼓勵會員更頻繁地使...

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

[Day 26] Gym Pro:性能優化

今天,我們來為系統進行一些優化和安全性增強,對於打造一個穩定、高效、安全的系統是一定要做的。 1. 資料庫查詢優化 首先,我們來優化一些常用的資料庫查詢,以提高...

2024-10-10 ‧ 由 Moscle.dev 分享
DAY 27

[Day 27] Gym Pro:優化用戶體驗與增加實用功能

今天,我們要來為系統增加一些功能,並且優化整體的用戶體驗。 1. 即時通知系統 首先,我們來實現一個即時通知系統,讓用戶可以及時收到重要的消息。我們將使用 So...

2024-10-11 ‧ 由 Moscle.dev 分享
DAY 28

[Day 28] Gym Pro:提升系統擴展性與可維護性

今天,我們要來為系統加入一些功能。這些功能可能不會直接被使用者看到,但它們對於系統的長期健康發展有關。 1. 實現插件系統 首先,我們來實現一個簡單的插件系統,...

2024-10-12 ‧ 由 Moscle.dev 分享
DAY 29

[Day 29] Gym Pro:系統收尾與最後優化

今天是我們實作的最後一天,我們要為系統做最後的收尾工作,確保它穩定、高效、安全,並且易於使用。 1. 全面測試 首先,我們要進行全面的系統測試,確保所有功能都能...

2024-10-13 ‧ 由 Moscle.dev 分享
DAY 30

[Day 30] React 學得動嗎

今天是挑戰的最後一天,我們聊了許多關於React和比較常見的套件,以及最後實作了Gym Pro的專案,為什麼要做這個挑戰主要是我七年的開發經驗都圍繞在後端,這幾...

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