kayac-chang / blog-articles

Hi there 👋

blog-articles's Issues

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

這段的意思是可以選取 start to end 嗎?
可以再 舉例：
或是附圖

導讀【 我不會寫 React Component 】line75_成本降

標題：導讀【 我不會寫 React Component 】
行數：line75
疑問：
兼具彈性，效能，可達性，穩定，成本降。
成本降？ 指的是後續調整上，時間成本降低嗎？

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

1. 這章的篇幅是在表達，撰寫符合規格的 unit test 嗎？

2. 這兩段的描述目前空白，看不懂為什麼要放這兩段
   補一些描述文字嗎？
   line 472 Spec: WeekDay Header
   line 494 Solution

D4 如何製作月曆 control【 calendar | 我不會寫 React Component 】line6,12,33,181,332

line 6

before

可以先看完上一篇 [在] 接續此篇。

after

再

line 12

before

為此我們需要一個建立兩個按鈕跟一個顯示當前年月的標籤。

after

為此我們需要

• 一個建立兩個按鈕
• 一個顯示當前年月的標籤

line 33

button 標記 type="button" 是 best practice，
Question : 什麼是 best practice ?

line 181

line 332

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

註解：TDD
開發團隊寫測試，通常有三種模式：
先寫測試再開發、開發完成再寫測試、無招勝有招—不寫測試（誤）
TDD是指第一種模式，先寫測試再開發，也就是常聽到的 TDD（Test-Driven Development）。

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

line 6

再
可以先看完上一篇在接續此篇。
可以先看完上一篇再接續此篇。

line19

疑問：
好像這句話沒有說完。

原句

• 如果內文太長，對焦在第一個可交互元素會導致畫面滑動到下方時，
  

D16 如何製作日期選擇 Date Picker 4【 date picker | 我不會寫 React Component 】

line 11

再
這邊就不用在實作一遍，以下提供測試。
這邊就不用再實作一遍，以下提供測試。

line 28

再
這邊就不用在實作一遍，以下提供測試。
這邊就不用再實作一遍，以下提供測試。

D12 如何製作日期選擇 Date Picker 2【 我不會寫 React Component 】

line 6

再
可以先看完上一篇再接續此篇。

D5 如何製作月曆 integration【 calendar | 我不會寫 React Component 】line 標題,6,15

標題

i 是否大寫？
原句：
如何製作月曆 integration【 calendar | 我不會寫 React Component 】
修正後：
如何製作月曆 Integration【 calendar | 我不會寫 React Component 】

line 6

再
修正後：
可以先看完上一篇再接續此篇。

line 15

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

line 6

before
可以先看完上一篇在接續此篇。
after
可以先看完上一篇再接續此篇。

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

Done

No issue need fix

D9 如何製作對話視窗 tabbable【 dialog | 我不會寫 React Component 】line6,18,36,42,

line 6

再
可以先看完上一篇在接續此篇。
可以先看完上一篇再接續此篇。

line 18

before
以下情況被視為 tabbable:

after 金金完美的～詳加描述後
以下情況將被視為鍵盤可操作 tabbable :

line 36

before

• 節點自身或是它的祖宗被 display: none 隱藏

after 金金完美的～詳加描述後

• 節點自身或是它的父層元件被 display: none 隱藏

line 42

before
如果你想了解更詳細的清單，可以參考[這個][focusable]。

after 金金完美的～詳加描述後
如果你想了解更詳細的清單，可以參考[這個網站 - Focusable Elements - Browser Compatibility Table][focusable]。

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

line 245
補上文字使語意更清楚， *鍵盤上的按鍵

當焦點目前落在元件上時，
可以用 *鍵盤上的按鍵， 箭頭上下左右 跟 Home, End 下去移動焦點，
且 tabindex="0" 會跟著當前焦點移動。

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

line11 專案建置【 我不會寫 React Component 】_monorepo
註解：Monorepo 簡單的說，是指將公司的所有代碼放到一個 Git / Mercurial / Subversion 的服務當中。

D7 如何製作月曆 props【 calendar | 我不會寫 React Component 】line 6, 70

line 6

再

before
可以先看完上一篇在接續此篇。

after
可以先看完上一篇再接續此篇。

line 70

值

before
我會透過這個方式來延展日曆元件的傳入職。

after
我會透過這個方式來延展日曆元件的傳入值。

D11 如何製作日期選擇 Date Picker 1【 我不會寫 React Component 】

Done
nothing need fix. ❤️ Love you
You are my hero, I so proud of you.
Can not wait next article.
It's 1/3 (11/30) part. GOGO

D13 如何製作日期選擇 Date Picker 3【 我不會寫 React Component 】

line6

再
可以先看完上一篇在接續此篇。

我發現一個問題，我都只看中文敘述，沒有閱讀裡面的程式碼。