原來四個月過去了。
進度
今天開始把第一個 todo list 作業做完整,把該做的功能都補上了:
從以前就覺得編輯的功能最難做,這次也差不多。雖然做是做出來了,但還是有些地方還不太懂,可能得在多練習或找資料來看看吧。
題外話,我們現在從 Store 上下載的 todo app 其實真的藏了很多細節在裡面,像是:
- 在編輯某個 todo 時,如果又去點其他的編輯,要記得把上一個編輯中的狀態給 clear(這個很多同學沒注意到)
- 編輯 todo 時,如果內容是空的應該要擋下來
<input>
這東西如果字太小(<16px),在 focus 的時候會自動 zooming,使用體驗不好- 在編輯時,應該要把原本的「已完成」,「刪除』按鈕給隱藏起來比較合理。
還有其他太多細節能做了,特別是跟「編輯」有關的功能,所以我才會說編輯是最難做的一塊。
學到的事情
來把一些我覺得還蠻重要的東西給紀錄一下:
- 透過條件渲染的 Component 時,useRef 沒辦法抓到正確的值
onBlur
是一個很好用的事件(可以處理離開編輯的狀態)- derived state 跟 state 的差別(這個絕對重要)
總之在多練習吧,感覺目前寫的 code 還有很多地方能做優化。
題外話
不知道小傢伙們現在過的怎麼樣,希望他們是快快樂樂的。
期許
明天要把 code 做優化,然後開始研究五子棋該怎麼做了。