An open API service indexing awesome lists of open source software.

https://github.com/jfusco/react-router-redux-example

React + react-router + redux
https://github.com/jfusco/react-router-redux-example

axios babel react react-dom react-router react-router-redux redux redux-logger redux-middleware redux-thunk webpack

Last synced: 3 months ago
JSON representation

React + react-router + redux

Awesome Lists containing this project

README

        

# react-router-redux-example

![npm][npm-version-image]
[![Dependency Status][dep-image]][dep-url]
[![devDependency Status][dev-dep-image]][dev-dep-url]

> React + react-router + redux + webpack starter project

This repository was created to demonstrate a simple application that uses redux and react-router-redux to pass data throughout the application using the container pattern.

## Requirements
The following tools are required to get this running.

### Dev tools
* [Node](https://nodejs.org/en/) `~6.2.2` *~NPM will install automatically*
* NPM `~3.9.5`
* [Webpack](https://webpack.github.io/) `~1.13.1`

## Installation
### Install Node
Visit [here](https://nodejs.org/en/) - download and install the latest, stable version.
This will install `npm` automatically.

### Install Webpack globally
```sh
sudo npm install -g webpack
```

### Install dependencies
`cd` into the root of the project and run this command
```sh
$ npm install
```

### Compile
from the root:
```sh
$ webpack
```

### Run project
```sh
$ npm start
```
**Open your browser and navigate to localhost:8080**

[npm-version-image]: https://img.shields.io/npm/v/npm.svg?maxAge=2592000
[dev-dep-image]: https://david-dm.org/JFusco/react-router-redux-example/dev-status.svg
[dev-dep-url]: https://david-dm.org/JFusco/react-router-redux-example#info=dev
[dep-image]: https://img.shields.io/david/JFusco/react-router-redux-example.svg
[dep-url]: https://david-dm.org/JFusco/react-router-redux-example