iT邦幫忙

小馬彬
iT邦新手 5 級 ‧ 點數 104
前端工程師
9177
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

TypeScript + React + 雜七雜八 系列

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

鐵人鍊成 ｜ 共 30 篇文章 ｜ 22 人訂閱 訂閱系列文 RSS系列文
3 Like 0 留言 1214 瀏覽
DAY 1

【Day 01】先一個前言

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

2019-09-16 ‧ 由 小馬彬 分享
4 Like 0 留言 4159 瀏覽
DAY 2

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

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

2019-09-17 ‧ 由 小馬彬 分享
3 Like 0 留言 926 瀏覽
DAY 3

【Day 03】TypeScript 基本型別介紹

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

2019-09-18 ‧ 由 小馬彬 分享
2 Like 0 留言 5125 瀏覽
DAY 4

【Day 04】引入 React + ESLint

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

2019-09-19 ‧ 由 小馬彬 分享
2 Like 0 留言 1871 瀏覽
DAY 5

【Day 05】React Hooks，useState 與 useEffect

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

2019-09-20 ‧ 由 小馬彬 分享
2 Like 0 留言 1397 瀏覽
DAY 6

【Day 06】React Hooks，custom Hook

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

2019-09-21 ‧ 由 小馬彬 分享
4 Like 0 留言 7460 瀏覽
DAY 7

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

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

2019-09-22 ‧ 由 小馬彬 分享
2 Like 0 留言 2936 瀏覽
DAY 8

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

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

2019-09-23 ‧ 由 小馬彬 分享
2 Like 0 留言 3337 瀏覽
DAY 9

【Day 09】JSS

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

2019-09-24 ‧ 由 小馬彬 分享
2 Like 0 留言 2927 瀏覽
DAY 10

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

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

2019-09-25 ‧ 由 小馬彬 分享
小馬彬的鐵人檔案
小馬彬的收藏
小馬彬的追蹤
小馬彬的Like
小馬彬的紀錄
小馬彬的訂閱列表