Awesome Open Source
Awesome Open Source

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

截图

screen1

screen2

screen3

注意 🔥🔥

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

使用

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

todo 📇📇

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

issues

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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (263,621
Reactjs (75,636
Sass (6,234
Mobx (1,090
Related Projects