基于React的在线音乐播放器（移动端高仿安卓网易云音乐）（重构是不可能的，这辈子都不会用 hooks 重构）
高仿网易云音乐安卓客户端
API：一个开源的网易云音乐 NodeJS 版 API（有 api 才有动力写！！！）
react-music
# 下载 react-musicgit clone https://github.com/maomao1996/react-music.git# 进入 react-music 项目目录cd react-music# 安装依赖npm install# // 运行 react-music 访问 http://localhost:8163npm run start# // 项目编译打包npm run build
后台服务器
# 下载 NeteaseCloudMusicApigit clone https://github.com/Binaryify/NeteaseCloudMusicApi.git# 安装依赖npm install# 服务端运行 访问 http://localhost:3000node app.js
.
├── config // webpack 配置文件
├── public // 项目启动页面
├── scripts // 脚本工具
├── screenshots // 项目截图
├── src // 项目源码目录
│ ├── api // 数据交互
│ │ └── index.js
│ ├── assets // 静态资源目录
│ │ └── images // 图片目录
│ ├── base // 公共基础组件目录
│ │ ├── columnList // 歌单基础列表组件 —— 列
│ │ ├── drawer // 抽屉组件
│ │ ├── loading // loading 组件
│ │ ├── notification // 通知组件（Toast）
│ │ ├── progress // 进度条拖动组件
│ │ ├── rowList // 歌单列表基础组件 —— 行
│ │ ├── scroll // 滚动组件
│ │ ├── slide // slide 组件
│ │ ├── songlist // 歌曲列表基础组件
│ │ └── toast // Toast 组件
│ ├── components // 公共项目组件目录
│ │ ├── menu // 菜单组件
│ │ ├── mm-header // 一级导航组件
│ │ ├── mm-nav // 二级导航组件
│ │ ├── player // 播放组件
│ │ └── search-list // 搜索列表详情组件
│ ├── model // 数据模型目录
│ ├── pages // 项目主页面目录
│ │ ├── discover // 发现页面
│ │ ├── playlist // 歌单详情页面
│ │ ├── search // 搜索
│ │ ├── sheetlist // 歌单页面
│ │ ├── skin // 皮肤切换页面
│ │ ├── toplist // 排行榜页面
│ │ └── App.js // 根组件
│ ├── store // redux 目录
│ │ ├── actions.js // 配置 actions 方法
│ │ ├── actionTypes.js // 配置 actions 常量
│ │ ├── index.js // 引用 redux
│ │ └── reducers.js // 处理数据
│ ├── styles // 样式表目录
│ │ ├── index.scss // 基础样式
│ │ ├── mixin.scss // 基础样式宏
│ │ ├── playCount.scss // 播放数量样式宏
│ │ ├── reset.css // 基础重置
│ │ └── var.scss // 基本变量
│ ├── utils // 公共 Js 目录
│ │ └── utils.js // 公用 Js 方法
│ ├── config.js // 基础配置
│ └── index.js // 入口主文件