現代的前端工程師所負責的任務可以說是越來越複雜了,跟過去「前端沒有邏輯」的時代相比,根本不可同日而語。
這種不斷累積疊加的複雜度,如果沒有一個健康的流程與系統來維持的話,恐怕專案會慢慢累積出各種「歷史本文」,進而演化成「歷史共業」。
當然,如果是一次性、用完就丟的拋棄式專案,自然就不太需要考慮這方面的問題,不過如果你所要負責的專案需要長期的開發、維護,那麼提高維護性就是不能忽視的重要課題。
上一篇介紹了 Storybook ,今天就來延伸介紹一個讓 Storybook 威力倍增的服務: Chromatic Chromatic 是一個線上的服務,我們...
當一個需求完成開發,但還沒有要正式提供服務以前,你會怎麼辦呢? 這個情境其實相當常見,可能是期間限定的特殊活動、可能是只開放少數用戶測試的功能、也可能是公司沒有...
工程師最討厭的兩件事: 別人不寫文件 寫文件 身為一位前端工程師,其實我在職涯的初期對於「文件撰寫」這件事一直有一種很抽象的感覺,我不知道前端工程師究竟...
這是一本像小說一樣好讀卻又像教材一樣重要的書,這本番外篇不像本傳一樣給你滿滿的燒腦與技術,這本更像是要給你個當頭棒喝要你好好做人 ,不然相遇的到。 好的程式架構...
上一篇聊到了測試的重要性,但其實我第一次理解到 TDD 的概念時,是處於一種無法理解作法、混沌的感覺。 以資料處理為導向的後端,在測試上可能更加容易理解作法,但...
Unit test 的工具有很多,我這邊以我比較熟悉的 Jest/Vitest 來做分享。 Jest 目前是前端測試來說很主流的工具,Vitest 主要是搭配...
在前端做單元測試時,單純的 function in-out 測試是不夠的,必須更多的去測試各種操作與業務邏輯。 所以對我們來說,通常最需要關注的會是組件是否可以...
而在測試上,為了要讓盡可能符合「以接近真實的使用方式來進行測試」的原則,並且要兼顧可讀性,在選擇器的使用上就會建議盡可能使用官方列出的這些選擇器: ByRol...
在前端專案中,CSS 的管理也是很令人頭痛的事情,尤其是很多人要協作的時候看別人的 CSS 通常比看 JS 還要痛苦。 我見過一些一代代傳承下來的專案,那個 C...
如果要講 CI/CD 與系統託管等雲端服務,其實 GitHub Pages 與 GitHub Actions 算是比較粗淺的運用,本篇就稍微簡介一下由 Goog...