鐵人檔案
在「一步一腳印」學會 React 後，只是另一個起點的開始。
去年鐵人賽用力學會 React 的同時，也換了一份前端工作，學會了然後呢？
本系列會重新闡述及分享這一年內在 React 生態圈內所學及使用的框架，不論是不懂 React 的新手也好，初學者、正在以 React 開發的工程師、高手們，都可以享受在本系列的文章中，並更了解 React 。
除了以同主題再戰 React 外，也另外收錄了與 TypeScript 的使用方法及開發方式，相信不會讓大家失望！
文章間的學習曲線會控制的平穩，讓大家以輕鬆的心情每天花個五至十分鐘閱讀 : )
前言 就 Redux 而言，與上一篇的 Counter 不同的地方就是多了 Action 以及 Reducer，而它們也都只是純函數，測試並不會是難點，需要思考...
前言 先複習一下上一個章節裡我們做了什麼，首先是將 Content 的按鈕行為拆成四個步驟： Component 按下按鈕，會執行 Dispatch，這裡會傳...
前言 來到測試的最後一個章節了，本篇要說明的是如何對 React-Router 做測試，確認 Component 在不同的 Router 的 Render 狀況...
前言 會碰到 TypeScript 是因為之前無意間取得 深入淺出設計模式 ，覺得那些為了解決問題而整理出來的設計模式太有趣了，包含那些 Class、Inter...
前言 本篇會介紹如何在 TypeScript 中使用 Class，但是可別搞混了哦！TypeScript 的 Class 和 JavaScript 的 Clas...
前言 如果沒有碰過其他物件導向語言的話，Interface 應該會顯得很陌生，筆者剛學的時候也不例外，但其實它使用起來真的是很強大，本篇會介紹 Interfac...
前言 本篇會用前兩篇提到的 Class 與 Interface 玩轉設計模式中的「策略模式」，希望能透過實際的運用讓大家更了解兩者的運用觀念，只要能夠好好運用，...
前言 進到入最後一個章節，本篇章開始會持續說明如何將 TypeScript 導入 React 專案裡，最後會再和大家介紹筆者怎麼在專案裡運用 TypeScrip...
前言 本篇進入到導入 SCSS，但因為 TypeScript 的特性，導致 SCSS 還要再經過一層封裝，才有辦法被讀到 .tsx 中，詳細做法會在文中說明！...
前言 ESLint 一直是我們打程式的重要指標，它不但能夠替我們檢查語法風格中的問題，也避免某些問題可能會造成的程式錯誤，所以如果 ESLint 無法在 Typ...
