iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

【 我不會寫 React Component 】 系列

這個系列會分享我這些年累積下來 React Component 的開發經驗。

這系列不是走理論派,
我想嘗試透過實務開發再帶入理論的方式來分享這些知識。

內容會涵蓋:

- Monorepo 的專案架構
- 開發出符合 WAI-ARIA 規格的元件
- 單元測試 跟 E2E 測試
- React Pattern

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

導讀【 我不會寫 React Component 】

Introduction 這個系列會分享我這些年累積下來 React Component 的開發經驗,也藉此機會嘗試一下我發現的新玩具。 這系列不是走理論派,...

2022-09-14 ‧ 由 HelloKayac 分享
DAY 2

專案建置【 我不會寫 React Component 】

工欲善其事,必先利其器。 為了方便我們後續的元件開發, 我們要先做一些前置動作。 至於要不要採用以下架構,可以自行決定。 想要看完整的專案:https://gi...

2022-09-15 ‧ 由 HelloKayac 分享
DAY 3

如何製作月曆 date grid 【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #date-grid 詳細可參考:https...

2022-09-16 ‧ 由 HelloKayac 分享
DAY 4

如何製作月曆 control【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #control 本篇接續前篇 如何製作月...

2022-09-17 ‧ 由 HelloKayac 分享
DAY 5

如何製作月曆 integration【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #control 本篇接續前篇 如何製作月曆...

2022-09-18 ‧ 由 HelloKayac 分享
DAY 6

如何製作月曆 compound components【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #compound components...

2022-09-19 ‧ 由 HelloKayac 分享
DAY 7

如何製作月曆 props【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #props 本篇接續前篇 如何製作月曆...

2022-09-20 ‧ 由 HelloKayac 分享
DAY 8

什麼是 Grid 網格【 我不會寫 React Component 】

關於這個 Pattern Grid 是一個容器組件,內部包含許多資訊跟交互元素。 並可以讓用戶可以透過ArrowHomeEnd在容器內中移動。 作為一種泛用的...

2022-09-21 ‧ 由 HelloKayac 分享
DAY 9

什麼是 Accessibility Tree 【 我不會寫 React Component 】

並不是每個用戶都擁有完整健全的身體。 有些用戶他們需要借助像是 螢幕閱讀器,放大鏡,眼動追蹤 等輔助技術, 才能有辦法使用網站服務。 可達性規格是很艱難的議題...

2022-09-22 ‧ 由 HelloKayac 分享
DAY 10

如何製作對話視窗 dialog【 dialog | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #dialog About 對話視窗 是一種視窗,會覆蓋在主視窗...

2022-09-23 ‧ 由 HelloKayac 分享