iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

剛入行就一人重新打造公司前端系統? 系列

新創工程師的奮鬥日常與 React 技巧分享

參賽天數 27 天 | 共 27 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 - 剛入行就一人重新打造公司前端系統?

哇距離上次參加鐵人賽竟然過了四年!之前就一直覺得參加鐵人賽是很棒的方式來紀錄與回顧人生,那段經歷至今仍是我非常珍惜的一段回憶(雖然真的超!級!累!)。後來又經過...

2024-09-01 ‧ 由 brownrice 分享
DAY 2

Day 2 - 什麼才是合適的 API 串接格式,前後端想的其實大不同

過去在做前端作業時,課程都已經設計好 API ,不需要對所串接的資料格式有太多思考,一切都好像是理所當然。然而當我進入職場與後端有更多的討論後,才發現前後端在實...

2024-09-02 ‧ 由 brownrice 分享
DAY 3

Day 3 - 如何選擇適合的 Content-Type?聊聊 GET 與 POST 請求的適用場景

昨天討論了前後端對資料格式在處理上的偏好,主要以最常見的 JSON 為範例,今天則想進一步整理 GET 與 POST 請求中可能使用的 Content-Type...

2024-09-03 ‧ 由 brownrice 分享
DAY 4

Day 4 - 如何決定專案上要使用哪個套件?

身為一人前端,前端技術決策這事也自然落在我的肩上,而且由於我初個任務就是重新打造前端系統,所以有相當多的技術決策要做,那以下是目前我會使用的評估方式: NPM...

2024-09-04 ‧ 由 brownrice 分享
DAY 5

Day 5 - 專案結構該如何設計?

這個議題乍聽蠻無聊的,而且許多人參加鐵人賽時「安裝」的下一篇常常也是「資料夾結構」,這麼多人寫過了,還有需要討論嗎?但說實話這是我常常糾結的議題,沒決定好專案結...

2024-09-05 ‧ 由 brownrice 分享
DAY 6

Day 6 - 想好好維護專案標準不能不安裝的 ESLint、Prettier、Husky

昨天討論了檔案該如何放置的專案結構,今天就來研究一下「專案標準」(Project Standards)吧~ 目前公司裡前端團隊雖然只有我一人,但為了維持程式碼的...

2024-09-06 ‧ 由 brownrice 分享
DAY 7

Day 7 - 打造靈活的元件設計 —— 將樣式傳進元件

今天這篇文章將介紹如何在元件間傳遞樣式,也會介紹如何透過 React Design Pattern 中的 Render Props Pattern 來打造靈活、...

2024-09-07 ‧ 由 brownrice 分享
DAY 8

Day 8 - 製作共用元件很難嗎?從避免過度依賴條件渲染開始!

最初我以為共用元件的設計應該沒哪麼難,不就像設計 function 時,會重複用到的就把它拆出來就好了,元件也是一樣的道理吧,但隨著情境越來越多樣,要適用的情境...

2024-09-08 ‧ 由 brownrice 分享
DAY 9

Day 9 - 透過 Container/Presentational Pattern 來實現功能與樣式分離

接續昨天討論的共用元件,今天會實作更複雜一些的元件,並且使用 Container/Presentational Pattern 實現功能與樣式的分離。 製作可以...

2024-09-09 ‧ 由 brownrice 分享
DAY 10

Day 10 - Compound Pattern

上篇文章中介紹了如何使用 Container/Presentational Pattern 來實作通用的 <Table> 元件,並且把資料管理和選擇...

2024-09-10 ‧ 由 brownrice 分享