Skip to content

ms314006/MP3_Player-With-React

Repository files navigation

MP3_Player-With-React

MP3 Player with react.

心得

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

運行

  1. clone 到專案資料夾。
  2. 運行指令 npm install
  3. 運行 npm run start
  4. 啟動瀏覽器 http://localhost:8000/dist

測試(未完成)

  1. 運行指令 npm run test