mentor-program-day120

原來四個月過去了。

進度

今天開始把第一個 todo list 作業做完整,把該做的功能都補上了:

record

從以前就覺得編輯的功能最難做,這次也差不多。雖然做是做出來了,但還是有些地方還不太懂,可能得在多練習或找資料來看看吧。

題外話,我們現在從 Store 上下載的 todo app 其實真的藏了很多細節在裡面,像是:

  • 在編輯某個 todo 時,如果又去點其他的編輯,要記得把上一個編輯中的狀態給 clear(這個很多同學沒注意到)
  • 編輯 todo 時,如果內容是空的應該要擋下來
  • <input> 這東西如果字太小(<16px),在 focus 的時候會自動 zooming,使用體驗不好
  • 在編輯時,應該要把原本的「已完成」,「刪除』按鈕給隱藏起來比較合理。

還有其他太多細節能做了,特別是跟「編輯」有關的功能,所以我才會說編輯是最難做的一塊。

學到的事情

來把一些我覺得還蠻重要的東西給紀錄一下:

  1. 透過條件渲染的 Component 時,useRef 沒辦法抓到正確的值
  2. onBlur 是一個很好用的事件(可以處理離開編輯的狀態)
  3. derived state 跟 state 的差別(這個絕對重要)

總之在多練習吧,感覺目前寫的 code 還有很多地方能做優化。

題外話

不知道小傢伙們現在過的怎麼樣,希望他們是快快樂樂的。

期許

明天要把 code 做優化,然後開始研究五子棋該怎麼做了。

mentor-program-day121 CSS 動畫漢堡按鈕
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×