iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

前端開發維護筆記 - 打造健康的前端專案 系列

現代的前端工程師所負責的任務可以說是越來越複雜了,跟過去「前端沒有邏輯」的時代相比,根本不可同日而語。

這種不斷累積疊加的複雜度,如果沒有一個健康的流程與系統來維持的話,恐怕專案會慢慢累積出各種「歷史本文」,進而演化成「歷史共業」。

當然,如果是一次性、用完就丟的拋棄式專案,自然就不太需要考慮這方面的問題,不過如果你所要負責的專案需要長期的開發、維護,那麼提高維護性就是不能忽視的重要課題。

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

專案維護性的重要

首先呢,感謝你對我的主題感興趣,你可以叫我 Sid、這可要好好管管、管管或是吸管都行 ,這些都是我行走江湖的名號,目前任職於 Storipress Fronte...

2022-09-16 ‧ 由 Sid 吸管 分享
DAY 2

必修的型別系統 TypeScript

如果還不知道什麼是 TypeScript 的話,可以參考一下這本中文的電子書 TypeScript 新手指南 簡單的定義就是: TypeScript is a...

2022-09-17 ‧ 由 Sid 吸管 分享
DAY 3

TypeScript 初心者實戰指南

如果你是第一次嘗試使用 TypeScript 來進行開發,然後又不知道從哪裡怎麼開始的話呢,我建議可以先從把現有的 .js 或 .jsx 變成 .ts 或 .t...

2022-09-18 ‧ 由 Sid 吸管 分享
DAY 4

ESLint - 程式碼除臭劑

現代的前端專案中,ESLint 應該是一個必備的工具了,而且我認為在寫 code 的時候透過一些 ESLint 規範來避免產生壞味道,是學習設計模式的第一步,畢...

2022-09-19 ‧ 由 Sid 吸管 分享
DAY 5

CI/CD 的基礎 - DevOps

要聊專案維護性,就不得不提一下 DevOps 的觀念了,雖然身為前端工程師的我們通常不會是公司 DevOps 的主導人,但這不代表我們沒有相對應的責任。 先來看...

2022-09-20 ‧ 由 Sid 吸管 分享
DAY 6

好用的 CI 工具 - GitHub Actions 快速入門

CI 的工具有很多,常見的可能有 Jenkins、GitLab CI、GitHub Actions 等等,不同的工具當然有各自的優缺點,但在運作與設定上也有許多...

2022-09-21 ‧ 由 Sid 吸管 分享
DAY 7

GitHub Actions Workflow 設定基礎技巧

觸發工作流程的關鍵 on 如果希望能透過 Workflow 來幫我們處理事情,那最開始要定義的屬性就是 on 了,畢竟腳本是否執行完全就看這個 這邊是一個觸發工...

2022-09-22 ‧ 由 Sid 吸管 分享
DAY 8

GraphQL - 彈性十足的 API 架構

說到前後端分離,絕對就會談論到 API 串接的問題,目前在開發上 API 架構的主流規範 RESTfull API,相信大家也已經相當的熟悉。 而今天要討論的...

2022-09-23 ‧ 由 Sid 吸管 分享
DAY 9

TypeScript feat. GraphQL - GraphQL Code Generator

上一篇聊到 GraphQL,使用 GraphQL 作為 API 規範的話可以避免日漸臃腫、不斷傳輸重複資料的問題,但對於開發體驗上還有個關鍵性的工具:Graph...

2022-09-24 ‧ 由 Sid 吸管 分享
DAY 10

前端的 Components 文件系統 - Storybook

具有一定規模的專案,很容易會有大量的組件散落,這樣帶來幾個問題: 專案中非常有可能出現功能相似的重複組件,讓人難以確認該使用哪個組件。 團隊新成員不知可用的組...

2022-09-25 ‧ 由 Sid 吸管 分享