React-hooks网易云音乐

使用react-hooks + TypeScript + UmiJs + DvaJs实现的PC版网易云音乐

接口

非常感谢Binaryify提供的网易云音乐接口，传送门https://github.com/Binaryify/NeteaseCloudMusicApi

请先下载并运行此API环境

使用步骤

# 下载
git clone git@github.com:H-Sven/react-hooks-netease-music.git

# 安装依赖
yarn
or
npm install

# 运行开发环境
yarn start
or
npm start

# 构建生产环境
yarn build-prod
or
npm build-prod

技术栈

• React：全家桶
• Ant Design：UI组件库
• UmiJs：环境搭建脚手架生成
• DvaJs：基于 redux 和 redux-saga 的数据流方案
• TypeScript：使用ts及tsx语法书写组件及约束代码类型
• es6：采用es6特性，大大简化了写法
• umi-request：结合fetch和axios的http库，相较于前两者功能更强大体积更小
• less：使用less语法并进行css-modules注入
• flex：弹性布局，在移动端兼容性较好，写各种布局非常方便

说明

1. 这个项目大小组件大概会有几十个，目前还未完工，以后还会继续更新，目标是还原整个网易云音乐（虽然不知道什么时候能填完坑o(╯□╰)o）。
2. 写这个项目的初衷就是想熟悉Reack-hooks语法以及React的生态，此前技术栈一直是Vue

功能

• 登录
• 注册
• 找回密码
• 退出登录
• 发送验证码
• 获取用户信息
• 我的主页
• 我的等级页
• VIP会员页 （静态页）

部分截图