iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

30 天打造 MERN Stack Boilerplate 系列

參賽天數 30 天共 30 篇文章 | 24 人訂閱 訂閱系列文
DAY 1

Day 01 - Introduction

Modern Web 的技術日新月異,但環境設定越來越繁瑣,組織程式也越來越不易,這對許多人而言,起手一個專案經常會是一個痛點,所以我想在接下來的 30 天裡介...

DAY 2

Day 02 - File Organization

兩種主流做法[1] 目前 React 相關的專案大多採用兩種目錄結構。 第一種:Feature-Based user/ User.js userActi...

DAY 3

Day 03 - Linting

在撰寫程式碼時,通常會搭配所謂的 Linter 來控管程式碼的品質。再次強調我們的開發哲學:你不是一個人,而是一個團隊。透過 Linter 的協助,我們可以確保...

DAY 4

Day 04 - Automation

所有良好的專案都需要健全的自動化系統在背後支撐,雖然實作自動化需要成本,但之後帶來的效益絕對會讓你一邊寫 Code 一邊笑到合不攏嘴。 何謂自動化? 我們提過專...

DAY 5

Day 05 - Backend - Technique Stack

前面我們花了幾篇介紹概念性、原則性的東西,接下來我將整系列文章拆成 Backend、Frontend 還有 Infrastructure 三大面向來依序講解,所...

DAY 6

Day 06 - Backend - Express

今天主題雖然是 Express,但我的重點其實是想放在 Express 的核心 Middleware 這個東西上面,因為它對程式的執行流程有很重大的影響,希望各...

DAY 7

Day 07 - Backend - MVC

前面了解了 Backend 所需的 API Server 和 Database,加上 Middleware 這個利器,接著就可以談論怎麼組織 Express 程...

DAY 8

Day 08 - Frontend - Technique Stack

終於來到 Modern Web 近來最蓬勃發展的 Frontend 部份了!!本文會簡略帶過 Modern Web 的術語還有 Boilerplate 採用的...

DAY 9

Day 09 - Frontend - (React) & Flux & React-Redux

我們說過這是一系列進階文章,所以 React 的部分就不多提了,想入門的讀者再自行 Google。而 React 最精華的部分就屬它的 Data Flow ——...

DAY 10

Day 10 - Frontend - CSS Module

借助 Webpack 的力量,我們可以在 SPA 大量使用 JS 開發的環境下,一樣使用 JS 的形式來 Import CSS。在 Webpack 的世界,所有...