緣由

• 因為讀書會需要用到React Starter Kit

• 但因為結構有些複雜，花了點時間研究

• 官方文件提到和redux結合可以參考src/components/LanguageSwitcher/LanguageSwitcher.js

• 下面講解如何加入一個新的Component並結合Redux

Read More

• 這篇會做出開發React + ES6的Webpack設定
• Sample

Webpack

Webpack 是德國開發者 Tobias Koppers 開發的模組整合工具。它的核心功能如下:

• 轉換 JSX, Coffee Script, TypeScript, ES6 等
• 分散封裝專案使用的程式碼，使載入頁面時只需載入當頁所需的程式碼以加速載入速度
• 整合樣式表 (css, sass, less 等)
• 處理圖片與字型
• 建置 production-ready 的程式碼 (壓縮)
• 豐富的模組物件

Read More