// the find
coderwhy/hy-react-web-music
a react web music application
A React clone of NetEase Cloud Music (网易云音乐), the popular Chinese streaming platform. It covers the main discovery pages, rankings, playlists, and a working playbar with lyric sync. This is a teaching project from a Chinese developer educator, not a production app.
The project uses hooks throughout with zero class components, which is a clean baseline for anyone learning modern React patterns. Redux is organized per-module with separate reducers combined via combineReducer — no single bloated store file. Lyric parsing and auto-scroll is a non-trivial feature that actually works and is worth reading. The memo-wrapping convention across all functional components is consistent enough to make the performance reasoning predictable.
Last commit was January 2023, so the dependency tree is aging — React 17/18 transition is untouched, and the project uses ImmutableJS with Redux which is a pattern most teams have dropped in favor of Redux Toolkit's Immer integration. The API is a third-party open source NetEase API that can go down at any time and is legally gray; any fork has to self-host that server or the app is dead on arrival. No tests, no TypeScript. Several artist category pages explicitly use hardcoded local data because the API endpoints weren't found, which is a meaningful gap in a portfolio project.