MP3 Player with react.
- 用上週的寫 Class 的經驗怒上一波 TS ,一開始的 AudioPlayer 設計得不錯,但是後來慢慢變肥大,也塞了一個不應該屬於它的 Method 在裡面,這個下禮拜要改進,嗚嗚。
- 其實用 TypeScript 寫起來還挺愉快的, interface 讓我在設計 Class 的時候也很有幫助,下禮拜會繼續使用它。
- 結果這禮拜還是沒有寫到測試啊!下禮拜一定一定要抽時間寫。
- 這一次認真思考了 React 配合 Class 該怎麼生存,如何發揮出 TypeScript 最大的用處,結果還真的有想了一套不錯的方式,完全切割畫面、Reducer、邏輯,大家有興趣可以看看。
- 把音樂的時間長度放到 music 裡是真的很失策,但是沒有時間研究如何把程式碼寫得漂亮了!
- 其實還有播放方式的觸發還沒有寫完,可是沒時間了,嗚嗚,希望之後回來修改時能將它和歌單、專輯一起完成!
- clone 到專案資料夾。
- 運行指令
npm install
。 - 運行
npm run start
。 - 啟動瀏覽器
http://localhost:8000/dist
。
- 運行指令
npm run test
。