鐵人檔案
這個系列會分享我這些年累積下來 React Component 的開發經驗。
這系列不是走理論派，
我想嘗試透過實務開發再帶入理論的方式來分享這些知識。
內容會涵蓋：
- Monorepo 的專案架構
- 開發出符合 WAI-ARIA 規格的元件
- 單元測試 跟 E2E 測試
- React Pattern
本篇接續前篇 如何製作手風琴 accordion 1【 accordion | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 S...
如果你買了一個前端課程，裡面的老師連 semantic html 都不會用，建議你趕快退錢換家。 簡介 無障礙 landmark 用來標記頁面上某個段落的...
About 輪播透過類似幻燈片的方式接連展示一部份的物件。 通常輪播一次只會呈現一張幻燈片， 用戶可以控制輪播的當前幻燈片像是往前一張或是往後一張。 在部分實...
本篇接續前篇 如何製作輪播 carousel 1【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Scre...
本篇接續前篇 如何製作輪播 carousel 2【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Contr...
本篇接續前篇 如何製作輪播 carousel 3【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Spec...
About 警示元素，主要用來展示明確跟重要的訊息， 並要吸引用戶的注意力而不打斷用戶當前正在進行的工作。 動態渲染警示，會自動被螢幕報讀閱讀， 在部分處理系統...
台灣的無障礙規範 聲稱自己參照 w3c 規範， 但還是有太多地方跟國際規範不同。先不論是政治還是官僚等無聊原因，考慮到讀者未來發展性，筆者鼓勵盡量走國際規範...
因為這邊開發的是 Component，所以這次會用 Cypress Component Testing。 Setup 設置專案在 apps/ 底下。 E2E...
試試看你學到了什麼 前面我們小試了一下身手， 這邊中途來插一個小活動。 有鑒於工程師社群很喜歡討論面試題， 那我們也來試個幾道題目， 來試試你能回答出以下幾道...
