https://github.com/jeescu/react-redux-starter
Basic React Redux boilerplate.
https://github.com/jeescu/react-redux-starter
enzyme immutable mocha react redux webpack
Last synced: 2 months ago
JSON representation
Basic React Redux boilerplate.
- Host: GitHub
- URL: https://github.com/jeescu/react-redux-starter
- Owner: jeescu
- Created: 2016-06-20T06:37:57.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-04T11:39:39.000Z (about 8 years ago)
- Last Synced: 2025-03-26T07:03:27.554Z (3 months ago)
- Topics: enzyme, immutable, mocha, react, redux, webpack
- Language: JavaScript
- Homepage:
- Size: 31.3 KB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Redux starter
[](https://travis-ci.org/jeescu/react-redux-starter)
[](https://coveralls.io/github/jeescu/react-redux-starter?branch=master)
[](https://www.bithound.io/github/jeescu/react-redux-starter/master/dependencies/npm)
[](https://www.bithound.io/github/jeescu/react-redux-starter/master/dependencies/npm)
Basic dependencies to get started with your React project using [Redux](http://redux.js.org/)
### Tools / Dependencies
Check [package.json](https://github.com/jeescu/react-redux-starter/blob/master/package.json)
Development tools
* [Webpack](https://webpack.github.io/)
* [Babel](https://babeljs.io/)
* [Eslint](http://eslint.org/docs/user-guide/getting-started)
- [airbnb](https://github.com/airbnb/javascript)
Helper tools
* [Immutable](https://github.com/facebook/immutable-js)
* [Lodash](https://github.com/lodash/lodash)
Test libraries
* [Mocha](https://mochajs.org/)
* [Expect](https://github.com/mjackson/expect)
* [Enzyme](https://github.com/airbnb/enzyme)
* [Sinon](http://sinonjs.org/)
### Getting Started
Create a new project based on `react-redux-starter`.
#### Install from source
1. First, clone this project:
```
> git clone [email protected]:jeescu/react-redux-starter.git
> cd
```
2. Install dependencies and start coding!
```
> npm install # Install project dependencies
> npm start # Compile and launch
```
#### Development
1. Start development
```
> npm start
```
2. Run tests
```
> npm test
```
#### Deployment
1. Bundle the app using webpack
```
> npm run build
```
2. Run your production server
```
> npm run start:dist
```
### Application Structure
```
├── config # Project configuration settings
├── dist # Application build for production
├── src # Application source code
│ ├── actions # Action creators and action types
│ ├── components # All Reusable Presentational Components
│ ├── containers # All Container Components
| ├── reducers # Pieces of state for store
│ │ └── index.js # Combined reducers as a single state
│ ├── routes # Application routing
│ │ └── index.js # Routes entry point
│ ├── static # Static assets (publicly viewable from url)
│ ├── store # Redux state container with environment-specific configurations.
│ │ ├── index.js # Create and instrument redux store
│ ├── styles # Global styles
│ ├── index.html # Main HTML page container for app
│ └── index.js # Application entry point bootstrap and rendering
├── tools # Project tools and helpers
│ ├── devServer.js # Development entry point
│ └── prodServer.js # Production entry point
├── tests # Unit tests
└── webpack.config.* # Webpack config file for environment build
```
## Learning Resources
* [Getting Started with Redux](https://egghead.io/courses/getting-started-with-redux) by [Dan Abramov](https://github.com/gaearon)
* [Modern React Redux](https://www.udemy.com/react-redux/learn/v4/overview) in [udemy](https://www.udemy.com)
* [Redux Documentation](http://redux.js.org/)