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

  •        151

🎶 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
Implementation
License
Platform

   




Related Projects

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.


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.

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.

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.

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.

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).

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-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-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-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.

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.

React-Fullstack-Dianping-Demo - :fire: react+redux+react-router4

  •    Javascript

技术栈:react、react-router4.x 、 react-redux 、 webpack3.x、 redux-saga 、 css-module 、 ES6 、babel...

ground-control - Scalable reducer management & powerful data fetching for React Router & Redux.

  •    Javascript

IMPORTANT! This a beta! Use cautiously until we release 1.0 (then strict semver)! Tests coming... Demo Clone & npm i && npm start.

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

  •    Javascript

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






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.