閱讀本篇文章前，仔細想想看 如何確保出現錯誤時，防止 TypeScript 編譯器產出專案結果？ 描述 rootDir、outDir 與 outFile...
還記得之前介紹過 redux 的基本用法嗎？因為覺得 React 基礎講的差不多了，今天決定回過頭來講講 redux middleware。 Redux-mid...
從介紹第一個 hooks 開始，我們都是在使用 React 提供的 hooks ，有沒有想過我們也可以實作自己的 hooks 呢？ 先來看看我找到的一段對 cu...
不知不覺來到第 25 天了，本來預計是要用小專案作結的，沒想到意外的忙碌啊，所以剩下的幾天就決定介紹一些我原本也不熟悉或不常使用的特性，學習的同時也盡量內化並記...
閱讀本篇文章前，仔細想想看 為何有些 ES6 的 Feature 諸如 Promise、Object.assign 等東西無法直接在 TypeScript...
恩... 照常 Day 31. 繼續。 《戰線擴張》篇章概要 本系列進入到第三部分：《戰線擴張》篇（The Front Line Expansion） 筆者就...
useRef 是一個可以讓我們抓取到 DOM 節點的 hooks。 實作上非常簡單，直接來看範例吧： import React, { useRef } from...
昨天 React.memo 比較像是針對 component 做 memorization，今天要介紹的 useMemo 這個 hooks 則是可以對函式實作...
閱讀本篇文章前，仔細想想看 已經熟悉類別的運作流程並懂得 OOP 的基礎概念。 熟悉了策略模式（Strategy Pattern）嗎？ 如果還不清楚的話...
閱讀本篇文章前，仔細想想看 大致上已經了解抽象類別的運用性質與情境了嗎？ 另外本篇會延續前一篇的範例，除了可以參考前一篇外，筆者本篇會再進行簡單的敘述！...
昨天講到了 class based component 可以透過 shouldComponentUpdate 比較前一次 props 與 前一次 state 來...
閱讀本篇文章前，仔細想想看 大致上理解策略模式以及應用類別與介面進行實踐。 另外本篇會延續上一篇的範例，因此沒有看過可以先翻看前一篇的文章喔！ 廢話不多說...
我們都知道使用 React 讓我們的應用可以擁有非常好的效能，但背後裡 React 到底幫我們做了哪些努力呢？今天就來初探一下 React 的渲染機制！ 當我們...
閱讀本篇文章前，仔細想想看 類別繼承與介面綁定的差別在哪裡？能夠描述它們各自的優缺點嗎？ 如果還沒理解完畢的話，可以先翻看前一篇的文章喔！ 筆者本來沒有要...
昨天介紹了 useReducer 的用法，但是還缺少了 global state 的機制啊？怎麼會說可能可以不需要 redux 了？今天就來介紹 context...
閱讀本篇文章前，仔細想想看 試描述類別（Class）的型別推論機制與註記機制。 繼承過後的子類別，試描述其類別推論機制與註記機制。 子類別跟父類別的推論與...
閱讀本篇文章前，仔細想想看 大致上已經了解類別的基本用法與性質了嗎？ TypeScript 針對物件方面的型別推論與註記機制為何？ 如果還沒理解完畢的話...
今天要介紹另一個 hooks - useReducer。光看第一行有些讀者可能就會有一些疑問了，udeReducer？看起來跟 redux 的 reducer...
閱讀本篇文章前，仔細想想看 筆者列出到目前為止我們學到跟類別有關的名詞，可以回憶一下它們各自的定義以及實用的地方在哪裡～ 類別與物件的差別 Class v...
昨天建立了 redux 的三元素 action、reducer 與 store，也將它們用 provider 包住會用到 state 的元件，今天來試著在元件中...
閱讀本篇文章前，仔細想想看 還記得存取修飾模式（Access Modifiers）有哪些嗎？ 你有想過 private 除了類別成員與類別的靜態屬性與方法...
閱讀本篇文章前，仔細想想看 類別的靜態成員（Static Members）是什麼？與普通成員差異在哪？ 什麼情況下會採用靜態成員的設計呢？ 如果還沒理解...
今天將直接實作 redux，如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔～今天嘗試將 dark theme 與 light theme 實...
今天開始會進入 React 中比較進階的主題 - state management在前幾天中我們介紹了 state，也介紹了 props，我們了解一個 comp...
閱讀本篇文章前，仔細想想看 如何使用類別的繼承（Inheritance）？ 為何我們設計類別的成員時，會儘量以 private 模式為基準？什麼時候該開放...
閱讀本篇文章前，仔細想想看 描述類別存取修飾子（Access Modifiers）的功能與意義。 為何類別要實踐某介面時，介面裡的所有規格在類別裡會直接綁...
講到 SPA（single page application）與傳統網頁的差異，應該很多人會想到傳統網頁跳頁往往會有一段載入時間，導致畫面空白，讓使用者需要對著...
閱讀本篇文章前，仔細想想看 TypeScript 類別（Class）的意義是什麼？ TypeScript 類別跟介面（Interface）的最大差別在哪裡...
閱讀本篇文章前，仔細想想看 複合型別 union 與 intersection 的功能與意義代表為何？ 如果還沒理解完畢的話，可以先翻看前一篇文章喔！ 今...
寫在前頭(iT邦幫忙) 這是我參加7日寫作松自我挑戰的文章目錄。 因為原本目錄沒有參賽系列連結，所以補上這段 ps. 原本的tag我打錯，懶的改了。 本文同步...
Maxwell Alexius
莫力全 Kyle Mo
iThome鐵人賽
看影片追技術