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