鐵人檔案
Modern Web 的技術日新月異，但環境設定越來越繁瑣，組織程式也越來越不易，這對許多人而言，起手一個專案經常會是一個痛點，所以我想在接下來的30天裡介紹我的解法——打造一個結構健全、彈性、自動化、容易客製化、內建充足基礎設施(Infrastructure)的 Web 專案樣板
Modern Web 的技術日新月異，但環境設定越來越繁瑣，組織程式也越來越不易，這對許多人而言，起手一個專案經常會是一個痛點，所以我想在接下來的 30 天裡介...
兩種主流做法[1] 目前 React 相關的專案大多採用兩種目錄結構。 第一種：Feature-Based user/ User.js userActi...
在撰寫程式碼時，通常會搭配所謂的 Linter 來控管程式碼的品質。再次強調我們的開發哲學：你不是一個人，而是一個團隊。透過 Linter 的協助，我們可以確保...
所有良好的專案都需要健全的自動化系統在背後支撐，雖然實作自動化需要成本，但之後帶來的效益絕對會讓你一邊寫 Code 一邊笑到合不攏嘴。 何謂自動化？ 我們提過專...
前面我們花了幾篇介紹概念性、原則性的東西，接下來我將整系列文章拆成 Backend、Frontend 還有 Infrastructure 三大面向來依序講解，所...
今天主題雖然是 Express，但我的重點其實是想放在 Express 的核心 Middleware 這個東西上面，因為它對程式的執行流程有很重大的影響，希望各...
前面了解了 Backend 所需的 API Server 和 Database，加上 Middleware 這個利器，接著就可以談論怎麼組織 Express 程...
終於來到 Modern Web 近來最蓬勃發展的 Frontend 部份了！！本文會簡略帶過 Modern Web 的術語還有 Boilerplate 採用的...
我們說過這是一系列進階文章，所以 React 的部分就不多提了，想入門的讀者再自行 Google。而 React 最精華的部分就屬它的 Data Flow ——...
借助 Webpack 的力量，我們可以在 SPA 大量使用 JS 開發的環境下，一樣使用 JS 的形式來 Import CSS。在 Webpack 的世界，所有...
