GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → dive2Pro → SoundCloudMobx

dive2Pro / SoundCloudMobx

Licence: other
No description or website provided.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

reactsassmobx

Projects that are alternatives of or similar to SoundCloudMobx

todo-list
A simple todo list application with React and mobx and antd
Stars: ✭ 25 (-48.98%)
Mutual labels:  mobx
plex-music
Web/Desktop app for streaming music from your Plex Media Server
Stars: ✭ 42 (-14.29%)
Mutual labels:  mobx
ngx-mobx
Mobx decorators for Angular Applications
Stars: ✭ 14 (-71.43%)
Mutual labels:  mobx
orkan
A content management toolkit for building and managing dynamic React applications with ease.
Stars: ✭ 25 (-48.98%)
Mutual labels:  mobx
tm-nextjs-starter
React + Nextjs + MobX starter
Stars: ✭ 49 (+0%)
Mutual labels:  mobx
mobx-react-docz
DEPRECATED Documentation site for MobX in React
Stars: ✭ 43 (-12.24%)
Mutual labels:  mobx
react-mobx-local-state-example
React MobX (for Local State) Example
Stars: ✭ 27 (-44.9%)
Mutual labels:  mobx
NObservable
MobX like observable state management library with Blazor support
Stars: ✭ 66 (+34.69%)
Mutual labels:  mobx
Mung-React
leaning react
Stars: ✭ 13 (-73.47%)
Mutual labels:  mobx
mst-effect
💫 Designed to be used with MobX-State-Tree to create asynchronous actions using RxJS.
Stars: ✭ 19 (-61.22%)
Mutual labels:  mobx
React
This repository contains all the material for the HackYourFuture module "React.js: Building dynamic UIs with modern JavaScript"
Stars: ✭ 243 (+395.92%)
Mutual labels:  mobx
react-native-taopiaopiao
react-native 构建全栈淘票票
Stars: ✭ 30 (-38.78%)
Mutual labels:  mobx
natsuha-weather
Natsuha Weather for WeChat Mini Program.
Stars: ✭ 33 (-32.65%)
Mutual labels:  mobx
kolaboard
A Real-time chat, collaboration and productivity enhancement application for teams built using React.js, Node.js, Socket.IO, MobX, MongoDB.
Stars: ✭ 23 (-53.06%)
Mutual labels:  mobx
mobx-react-tetris
No description or website provided.
Stars: ✭ 30 (-38.78%)
Mutual labels:  mobx
umi-plugin-mobx
😍 use mobx-state-tree gracefully in umijs.
Stars: ✭ 33 (-32.65%)
Mutual labels:  mobx
react-mobx-router
Create React App with React Router 4 and MobX + Internationalization
Stars: ✭ 90 (+83.67%)
Mutual labels:  mobx
react-native-devtools-spy
Adds a Spy option to the React Native development menu
Stars: ✭ 14 (-71.43%)
Mutual labels:  mobx
movue
MobX integration for Vue.js.
Stars: ✭ 57 (+16.33%)
Mutual labels:  mobx
react-mobx-webpack-seed
a boiler plate for React, MobX and Webpack application with tests and coverage.
Stars: ✭ 21 (-57.14%)
Mutual labels:  mobx
View All Similar Projects ➔

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版本
  • 返回顶层
  • 更好的ui
  • 响应式ui
  • 数据缓存在内存中
  • 动画效果

issues

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].