QQMusic API client with React / Redux / react-router / immutable-js and rxjs .

A single page application for QQ music based on React, redux, react-Router, imMUTation-js and RXJS.

Qqmusic.padabon.com

  1. Install the NPM install
  2. Run the NPM start
  3. Go to http://localhost:3000

Summary and questions

  1. Use creat-React-app to build projects and get started quickly
  2. Redux can be used to store and restore playback state easily
  3. ShouldComponentUpdate can be easily checked by using imMUTABLE -js
  4. Using imMUTation-js is not a very convenient way to use imMUTation-js. You need to use get to fetch values, not extension operators. For states that need to be stored locally in localStorage, you can only use Map and List, and other data types cannot be restored by fromJS. Easy to mix with native objects and arrays, perhaps seamless-immutable is a better choice, but more likely I’m just using it the wrong way
  5. The React animation doesn’t work as well as it should. I used the TAB switch on the search page a bit and probably didn’t understand how to use it properly
  6. Redux-sagas is replaced by redux-Observable, just because RXJS is more interesting and powerful
  7. CSS is QQ music page, CSS in JS seems to be good
  8. React was difficult to get started with, but it was easy to get started with
  9. Welcome feedback, suggestions, etc
  10. .