iT邦幫忙

2024 iThome 鐵人賽

DAY 30
0
Modern Web

React 學得動嗎系列 第 30

[Day 30] React 學得動嗎

  • 分享至 

  • xImage
  •  

今天是挑戰的最後一天,我們聊了許多關於React和比較常見的套件,以及最後實作了Gym Pro的專案,為什麼要做這個挑戰主要是我七年的開發經驗都圍繞在後端,這幾年才有在寫一點Vue,在開始打web3 hackathon和參與web3 開源專案時,發現都需要使用React或是NextJS來開發,才會想要在鐵人賽時好好的整理React的知識,同時為11/13 - 15 的ETHGlobal hackathon提前做準備。

回顧與總結

在這 30 天裡,我們從 React 的基礎概念開始,一路走到了構建完整的 Gym Pro 健身房管理系統。讓我們來回顧一下我們學到的主要內容:

  1. React 基礎:組件、JSX、props、state
  2. React Hooks:useState, useEffect, useContext, useMemo, useCallback
  3. 狀態管理:從 Redux 到 Zustand,我們聊了不同的狀態管理解決方案
  4. 路由:使用 React Router 實現單頁應用(SPA)
  5. 表單處理:運用 React Hook Form 簡化表單邏輯
  6. API 整合:使用 Axios 和 React Query 處理後端 API 請求
  7. UI 庫:學習使用 shadcn/ui 快速構建美觀的界面
  8. 性能優化:程式碼分割、懶加載、記憶化等技巧
  9. 測試:單元測試和整合測試的編寫
  10. 部署與CI/CD:使用 GitHub Actions 實現自動化部署

學習心得

React 真的學得動嗎?

很多人覺得一邊工作一邊學習新東西會很困難很不願意踏出一步,其實在資訊科技上一直都是這樣,永遠有新東西跑出來說要幹掉現在的東西,就要一直學習下去,不過這也是當一個工程師痛苦又有趣的地方,這邊分享一些學習心得。

  1. 循序漸進:從基礎概念開始,逐步深入複雜的主題。
  2. 實踐為主:光看不練是不行的,要多動手寫程式。
  3. 耐心和毅力:學習過程中難免會遇到挫折,但只要堅持下去,終會理解的。
  4. 關注生態系統:React 的強大在於其豐富的生態系統,多了解周邊的庫和工具。
  5. 保持學習:React 和前端技術在不斷進化,要持續學習新知識。

React 的學習之路永無止境。接下來,我們可以:

  1. 深入研究 React 18 的新特性:並發渲染、Suspense 等。
  2. 探索服務端渲染(SSR):學習 Next.js 等框架。
  3. 移動應用開發:嘗試 React Native。
  4. WebAssembly 與 React:探索如何結合 WebAssembly 提升性能。
  5. 持續關注 React 的最新動態:React 團隊一直在推動創新,未來可能會有更多神奇的特性

上一篇
[Day 29] Gym Pro:系統收尾與最後優化
系列文
React 學得動嗎30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言