https://github.com/rwieruch/react-redux-soundcloud
📚 Learn React + Redux by building a SoundCloud Client. Full tutorial included. Source Code for main tutorial but also extensions included.
https://github.com/rwieruch/react-redux-soundcloud
Last synced: about 2 months ago
JSON representation
📚 Learn React + Redux by building a SoundCloud Client. Full tutorial included. Source Code for main tutorial but also extensions included.
- Host: GitHub
- URL: https://github.com/rwieruch/react-redux-soundcloud
- Owner: rwieruch
- Created: 2016-06-17T15:30:38.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-10-25T04:57:23.000Z (over 6 years ago)
- Last Synced: 2025-02-25T04:56:10.374Z (about 2 months ago)
- Language: JavaScript
- Homepage: https://www.robinwieruch.de/the-soundcloud-client-in-react-redux/
- Size: 58.6 KB
- Stars: 281
- Watchers: 18
- Forks: 49
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-redux-soundcloud
I wrote a huge tutorial about setting up your own [SoundCloud Client in React + Redux](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/). Additonally you can find a real world example of my own SoundCloud Client as [source code](https://github.com/rwieruch/favesound-redux) and [live version](http://www.favesound.de/).
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](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/) can be found in the base-init/ folder.
There are more folders marked as extension-*/. Each of them pairs with a blogpost and can be applied on the base-init/ project.
If you only search for a seed project for your React + Redux + SoundCloud app, simply use the base-init/ folder to begin with. If you want to get started in some other domains, please have a look at the extension-*/ folders and tutorials.
## Folders
### Base
- base-init/ - [Tutorial: The SoundCloud Client in React + Redux](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/)
### Extensions
- extension-eslint/ - [React ESLint: Code Style like Airbnb in React](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-eslint)
- extension-flow/ - [Flow: Type Checking with Flow in React + Redux](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-flow)
- extension-ducks/ - [Redux Ducks: Restructure your Redux App with Ducks](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-ducks)
- extension-normalizr/ - [Redux Normalizr: Improve your State Management](http://www.robinwieruch.de/the-soundcloud-client-in-react-redux-normalizr)
- extension-css-modules/
- extension-observable/ - [Redux Observable RxJS: Going Epic with Reactive Programming](http://www.robinwieruch.de/redux-observable-rxjs/)
- MobX Refactor: [MobX React: Simplified State Management in React](http://www.robinwieruch.de/mobx-react)
- more upcoming...
## Get Started
1. git clone `[email protected]:rwieruch/react-redux-soundcloud.git`
2. cd base-init
3. npm install
4. npm start
5. (npm test)
6. (read and apply one of the extension tutorials OR start your own project on top of it the base-init)
## Contribute
Feel free to contribute with a blog post + extension! You could open an issue or write me directly on [GitHub](https://github.com/rwieruch) or [Twitter](https://twitter.com/rwieruch) about your ideas.
I am open for feedback. Please reach out! :)