favesound-redux - 🎶 A SoundCloud Client in React + Redux running in production

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

favesound-redux - 🎶 A SoundCloud Client in React + Redux running in production

🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.

http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/
https://github.com/rwieruch/favesound-redux

Dependencies:

classnames : 2.2.5

js-cookie : 2.1.0

lodash : 4.17.4

moment : 2.18.1

normalizr : 2.0.0

prop-types : 15.5.10

react : 16.0.0

react-clipboard.js : 1.1.2

react-dom : 16.0.0

react-rangeslider : 2.1.0

react-redux : 5.0.6

react-router : 4.1.1

react-router-dom : 4.1.1

react-tooltip : 3.3.0

redux : 3.7.2

redux-logger : 3.0.6

redux-thunk : 2.2.0

rn-redux-mixpanel : 1.1.9

soundcloud : 3.0.1

waveform.js : 1.0.0

whatwg-fetch : 2.0.3

Tags	soundcloud soundcloud-api soundcloud-client player playlist redux react demo duration normalizr react-router redux-thunk react-router-v4
Implementation	Javascript
License	Public
Platform	OS-Independent

Related Projects

soundcloud-redux - SoundCloud API client with React • Redux • Redux-Saga

Javascript

A basic SoundCloud API client built with React, Redux, and Redux Saga. Try the live demo.

react react-redux react-router redux-saga soundcloud soundcloud-api webpack

favesound-mobx - 🎶 A SoundCloud Client in React + MobX running in production

Javascript

Feedback is more than appreciated via GitHub, Twitter or my Blog.

mobx soundcloud soundcloud-client soundcloud-api demo react react-router mobx-react react-router-v4

react-redux-soundcloud - 📚 Learn React + Redux by building a SoundCloud Client

Javascript

I wrote a huge tutorial about setting up your own SoundCloud Client in React + Redux. Additonally you can find a real world example of my own SoundCloud Client as source code and live version. This repository should give you an entry point for a React + Redux + SoundCloud boilerplate project with multiple possible extensions. The outcome of the SoundCloud Client in React + Redux can be found in the base-init/ folder.

sound-redux - A Soundcloud client built with React / Redux

Javascript

NOTE It seems that SoundCloud has revoked my api client keys without any explanation or warning. Running the app locally no longer works unless you have a working SoundCloud API client id (SoundCloud has disabled registration of new apps for quite some time now). The live demo is also not working at the moment.

redux soundcloud react music

create-react-app-redux - React Router, Redux, Redux Thunk & Create React App boilerplate

Javascript

This boilerplate is built using create-react-app so you will want to read the User Guide for more goodies.

redux react create-react-app redux-thunk react-router es6 es2015 react16 react-redux react-router-v4 boilerplate

reactSPA - combination of react teconology stack

Javascript

combination of react teconology stack

react redux react-router-v4 webpack4 es6 antd react-redux react-router-redux fetch redux-thunk

connected-react-router - A Redux binding for React Router v4

Javascript

✨ Synchronize router state with redux store with uni-directional flow (history -> store -> router -> components). 🎁 Support React Router v4.

react-router redux react

redux-router - Redux bindings for React Router – keep your router state inside your Redux store

Javascript

Redux bindings for React Router. React Router is a fantastic routing library, but one downside is that it abstracts away a very crucial piece of application state — the current route! This abstraction is super useful for route matching and rendering, but the API for interacting with the router to 1) trigger transitions and 2) react to state changes within the component lifecycle leaves something to be desired.

redux react-router react router

react_on_rails - Integration of React + Webpack + Rails using rails/webpacker to build Universal (Isomorphic) Apps (aka Server Rendering)

Ruby

React on Rails integrates Rails with (server rendering of) Facebook's React front-end framework. Intersted in optimizing your webpack setup for React on Rails including code splitting with react-router v4, webpack v4, and react-loadable? Contact me.

react-rails react-components redux-store rails-views rails-development react webpack ruby-on-rails ruby-gem npm-module javascript-api redux redux-saga shakacode heroku-deployment on rails

todo-react-redux - Todo app with Create-React-App • React-Redux • Firebase • OAuth

Javascript

A simple Todo app example with undelete capability — built with Create React App, React Redux, and Firebase. Try the demo at https://todo-react-redux.firebaseapp.com.

firebase create-react-app react-redux react-router react-router-redux

react-native-redux-router - React Native Router using Redux architecture

Javascript

I've decided to stop supporting this component in favor to new release react-native-router-flux (https://github.com/aksonov/react-native-router-flux). The new version doesn't depend from concrete Flux/Redux implementation and allow you to build nested navigators easily. Also it allows to intercept route 'actions' from your store(s).

flux redux navigation react-components react-native react-native-router router react-native-router-flux

react-demo - React 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释，让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter，可能是东半球最佳的 React Starter，基于 Vue Cli 二次开发

Javascript

React 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释，让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter，可能是东半球最佳的 React Starter，基于 Vue Cli 二次开发

react redux react-router

react-dashboard - React Dashboard - isomorphic web dashboard template (React

Javascript

built with React, Bootstrap, React Router (with Server Side Rendering!), Redux and GraphQL based on React Starter Kit and latest industry best practices.Demo. Use following credentials: user/password.

react dashboard bootstrap graphql hmr browsersync webpack react-router react-router-v4 redux sass react-bootstrap

react-router-redux - Ruthlessly simple bindings to keep react-router and redux in sync

Javascript

You're a smart person. You use Redux to manage your application state. You use React Router to do routing. All is good.But the two libraries don't coordinate. You want to do time travel with your application state, but React Router doesn't navigate between pages when you replay actions. It controls an important part of application state: the URL.

react redux router

react-broadcast - Reliably communicate state changes to deeply nested React elements

Javascript

react-broadcast provides a reliable way for React components to propagate state changes to their descendants deep in the component hierarchy, bypassing intermediaries who return false from shouldComponentUpdate.It was originally built to solve issues that arose from using react-router together with react-redux. The router needed a safe way to communicate state changes to <Link>s deep in the component hierarchy, but react-redux relies on shouldComponentUpdate for performance. react-broadcast allows the router to work seamlessly with Redux and any other component that uses shouldComponentUpdate.

react context broadcast publish subscribe subscriber subscription subscriptions

rekit - IDE and toolkit for building scalable web applications with React, Redux and React-router

Javascript

Rekit is a toolkit for building scalable web applications with React, Redux and React-router. It's an all-in-one solution for creating modern React apps. It helps you focus on business logic rather than dealing with massive libraries, patterns, configurations etc.

rekit react redux react-router