系列文章
Day20 | Component 被 Redux 罩著怎麼測試？
前言 就 Redux 而言，與上一篇的 Counter 不同的地方就是多了 Action 以及 Reducer，而它們也都只是純函數，測試並不會是難點，需要思考...
Day21 | 從測試角度操作 Redux-Saga 和 Reducer
前言 先複習一下上一個章節裡我們做了什麼，首先是將 Content 的按鈕行為拆成四個步驟： Component 按下按鈕，會執行 Dispatch，這裡會傳...
Day22 | 創建假 History ，騙過真 Router
前言 來到測試的最後一個章節了，本篇要說明的是如何對 React-Router 做測試，確認 Component 在不同的 Router 的 Render 狀況...
Day23 | 你説 JS 是什麼弱型別？ TypeScript 強勢登場
前言 會碰到 TypeScript 是因為之前無意間取得 深入淺出設計模式 ，覺得那些為了解決問題而整理出來的設計模式太有趣了，包含那些 Class、Inter...
Day24 | 只要別搞混 Class，你想得到通通有
前言 本篇會介紹如何在 TypeScript 中使用 Class，但是可別搞混了哦！TypeScript 的 Class 和 JavaScript 的 Clas...
Day25 | 善用 interface 抽象概念，為 Class 找到出路
前言 如果沒有碰過其他物件導向語言的話，Interface 應該會顯得很陌生，筆者剛學的時候也不例外，但其實它使用起來真的是很強大，本篇會介紹 Interfac...
Day26 | 精選設計模式實戰，打通 interface 及 class 的運用觀念
前言 本篇會用前兩篇提到的 Class 與 Interface 玩轉設計模式中的「策略模式」，希望能透過實際的運用讓大家更了解兩者的運用觀念，只要能夠好好運用，...
Day27 | 最強聯名款 TSX 上市-Babel、Webpack、Jest 篇
前言 進到入最後一個章節，本篇章開始會持續說明如何將 TypeScript 導入 React 專案裡，最後會再和大家介紹筆者怎麼在專案裡運用 TypeScrip...
Day28 | 最強聯名款 TSX 上市-SCSS 篇
前言 本篇進入到導入 SCSS，但因為 TypeScript 的特性，導致 SCSS 還要再經過一層封裝，才有辦法被讀到 .tsx 中，詳細做法會在文中說明！...
Day29 | 最強聯名款 TSX 上市-ESLint 篇
前言 ESLint 一直是我們打程式的重要指標，它不但能夠替我們檢查語法風格中的問題，也避免某些問題可能會造成的程式錯誤，所以如果 ESLint 無法在 Typ...