一款基于React构建的音乐播放器 A music webapp build with react and antd-mobile
server文件夹与backstage当时是打算开发后台的,但后来搁置了,目前没用
技术:React16,Redux,React-Router,WebPack
会点ps,所以自己设计了页面和交互。现在的数据都是是自己mock的,开发后台的时候会对接真实数据,由于搜索、收藏歌单、新建歌单、删除歌单、收藏单曲、移除收藏单曲等功能需要后台配合,所以现在都是纯前端展示,不具备功能
项目基于四个业务模块:播放器、曲库、发现、个人。这些模块中包含了一些基础组件来支撑业务逻辑:
播放器内核模块
曲库模块
发现
个人模块
登录注册(待开发)
首先,这次设计的redux貌似不合理。。有几个没必要放到store里共享的状态也放进去了。大家当反面教材吧。。引入redux-thunk中间件,大部分axios请求都放到了redux中。 store内的状态分为8个模块:
这项目是在我写的一个播放器上扩展来的,同时为了练习一下react全家桶开发的模式。通过几个react实战再加上这个练习,这种开发模式已经基本熟悉了,但是也还停留在写业务代码的阶段,这远远不够。还要学习从0开始构建一个完整的项目。redux这次用的比较多但是还需要深入学习(这个项目使用create-react-app一键创建的)。现在前端开发基本完成了,性能还未做优化。接下来慢慢的要开发后台,提供数据了,优化性能。