SoundCloundMobx

Live Demo

这是一个soundcloud的个人客户端 , 基于create-react-app构建,升级到了webpack2

使用到的技术

1. react
2. mobx
3. typescript
4. scss
5. react-router v4
6. react-motion
7. webpack2.0
8. jest

mobx是一个mvvm的状态管理层,可以让你更多的关注ui层, 状态驱动能让你更关注compoennt的主要更新点.它值得你一试!这里是它的中文文档

功能

• 主页,个人主页,播放,播放列表,评论列表,歌单列表,喜爱列表
• 图片的懒加载
• 分页加载
• 播放进度
• 个人主页歌曲排序
• 模拟评论
• 响应式ui

截图

注意 🔥🔥

因为 soundcloud 被墙,所以需要工具才能获取数据.

使用

1. git clone
2. cnpm install
3. cnpm start
4. cnpm build

todo 📇📇

• 添加测试ing
• 记录位置
• 轮播图
• 服务端
• react-native版本
• 返回顶层
• 更好的ui
• 响应式ui
• 数据缓存在内存中
• 动画效果

issues

如果你有任何问题,可以开issue,我会及时关注和解决, 你有任何的建议或者指点同样非常感谢,keepcoding ✈️✈️