iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

TypeScript + React + 雜七雜八 系列

本文主要是紀錄使用 React 搭配 TypeScript 的使用實際心得,以及一些在 React 生態系中的第三方函式庫

鐵人鍊成 | 共 30 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day 01】先一個前言

先來個自我介紹 嗨!大家好! 我是小馬彬,兩年前端工作經驗的前端工程師,工作主要都是在 WebGIS 的開發,處理地理資訊系統的資料視覺化方面,像是 Googl...

2019-09-16 ‧ 由 小馬彬 分享
DAY 2

【Day 02】從一個空白資料夾開始,建置單純編譯 .ts 的 webpack 環境

今天要蓋一個基於 webpack 來編譯 TypeScript 的專案,要拆兩種模式來進行開發及編譯 dev mode,執行 webpack-dev-ser...

2019-09-17 ‧ 由 小馬彬 分享
DAY 3

【Day 03】TypeScript 基本型別介紹

話說昨天的文章裡有提到要打包成最後的 production,就先擱著等這些 TypeScript 基礎的篇章結束後再來實作。 今天要非常粗略且不專業的介紹...

2019-09-18 ‧ 由 小馬彬 分享
DAY 4

【Day 04】引入 React + ESLint

大家好,今天的篇章一開始,我要先兌現 【Day 02】從一個空白資料夾開始 提到的將專案給打包成 production,其實只欠一個小小小的步驟,因為 webp...

2019-09-19 ‧ 由 小馬彬 分享
DAY 5

【Day 05】React Hooks,useState 與 useEffect

大家好,今天的篇章要介紹的是 useState、useEffect 會延續前一天的專案結構接續下去進行修改,如果沒有參與到昨天的建置過程,這邊也有提供原始碼 h...

2019-09-20 ‧ 由 小馬彬 分享
DAY 6

【Day 06】React Hooks,custom Hook

大家好,今天的篇章要介紹的是 custom Hook 會延續前一天的專案結構接續下去進行修改,如果沒有參與到昨天的建置過程,這邊也有提供原始碼 https://...

2019-09-21 ‧ 由 小馬彬 分享
DAY 7

【Day 07】React Hooks,useRef 與 useMemo 與 useCallback

大家好,今天的篇章要介紹的是 useRef,useMemo,useCallback 會延續前一天的專案結構接續下去進行修改,如果沒有參與到昨天的建置過程,這邊也...

2019-09-22 ‧ 由 小馬彬 分享
DAY 8

【Day 08】React UI Components Library 「Material-UI」

大家好,今天的篇章要介紹的是 Material-UI 會延續前一天的專案結構接續下去進行修改,如果沒有參與到昨天的建置過程,這邊也有提供原始碼 https://...

2019-09-23 ‧ 由 小馬彬 分享
DAY 9

【Day 09】JSS

大家好,今天的篇章要介紹的是 JSS 會延續前一天的專案結構接續下去進行修改,如果沒有參與到昨天的建置過程,這邊也有提供原始碼 https://github.c...

2019-09-24 ‧ 由 小馬彬 分享
DAY 10

【Day 10】React Router 之最基本的用法

大家好,今天的篇章要介紹的是 React Router 會延續前一天的專案結構接續下去進行修改,如果沒有參與到昨天的建置過程,這邊也有提供原始碼 https:/...

2019-09-25 ‧ 由 小馬彬 分享