iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

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

Chromatic - 讓 Storybook 威力倍增的線上服務

上一篇介紹了 Storybook ,今天就來延伸介紹一個讓 Storybook 威力倍增的服務: Chromatic Chromatic 是一個線上的服務,我們...

2022-09-26 ‧ 由 Sid 吸管 分享
DAY 12

GrowthBook - feature flag 的管理工具

當一個需求完成開發,但還沒有要正式提供服務以前,你會怎麼辦呢? 這個情境其實相當常見,可能是期間限定的特殊活動、可能是只開放少數用戶測試的功能、也可能是公司沒有...

2022-09-27 ‧ 由 Sid 吸管 分享
DAY 13

前端工程師到底為什麼要寫文件?

工程師最討厭的兩件事: 別人不寫文件 寫文件 身為一位前端工程師,其實我在職涯的初期對於「文件撰寫」這件事一直有一種很抽象的感覺,我不知道前端工程師究竟...

2022-09-28 ‧ 由 Sid 吸管 分享
DAY 14

測試驅動開發 TDD 推坑教材 - The Clean Coder 無瑕的程式碼番外篇

這是一本像小說一樣好讀卻又像教材一樣重要的書,這本番外篇不像本傳一樣給你滿滿的燒腦與技術,這本更像是要給你個當頭棒喝要你好好做人 ,不然相遇的到。 好的程式架構...

2022-09-29 ‧ 由 Sid 吸管 分享
DAY 15

一切測試的基礎 - Unit test

上一篇聊到了測試的重要性,但其實我第一次理解到 TDD 的概念時,是處於一種無法理解作法、混沌的感覺。 以資料處理為導向的後端,在測試上可能更加容易理解作法,但...

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

Jest/Vitest

Unit test 的工具有很多,我這邊以我比較熟悉的 Jest/Vitest 來做分享。 Jest 目前是前端測試來說很主流的工具,Vitest 主要是搭配...

2022-10-01 ‧ 由 Sid 吸管 分享
DAY 17

Testing Library - 以接近真實的使用方式來進行測試

在前端做單元測試時,單純的 function in-out 測試是不夠的,必須更多的去測試各種操作與業務邏輯。 所以對我們來說,通常最需要關注的會是組件是否可以...

2022-10-02 ‧ 由 Sid 吸管 分享
DAY 18

Testing Library 選擇器

而在測試上,為了要讓盡可能符合「以接近真實的使用方式來進行測試」的原則,並且要兼顧可讀性,在選擇器的使用上就會建議盡可能使用官方列出的這些選擇器: ByRol...

2022-10-03 ‧ 由 Sid 吸管 分享
DAY 19

使用 Tailwind CSS 更好的管理樣式

在前端專案中,CSS 的管理也是很令人頭痛的事情,尤其是很多人要協作的時候看別人的 CSS 通常比看 JS 還要痛苦。 我見過一些一代代傳承下來的專案,那個 C...

2022-10-04 ‧ 由 Sid 吸管 分享
DAY 20

Google Cloud Platform 介紹

如果要講 CI/CD 與系統託管等雲端服務,其實 GitHub Pages 與 GitHub Actions 算是比較粗淺的運用,本篇就稍微簡介一下由 Goog...

2022-10-05 ‧ 由 Sid 吸管 分享