React Stack Application

Starter app, with some collections of react libraries.

See DEMO

This project was bootstrapped with Create React App.

Layouts are inspired from rafael's admin template. Star it!

NOTE:

• The API is just simulated (faked).
• Use credential, username: user password: abc123.
• (External) Github Page has issues when reloading to some routes except for the specified homepage url (/react-stack-app/).

React libraries

• Redux
• Redux-saga
• React-loadable
• Recompose
• React-bootstrap
• Material-UI
• Reselect

See package.json for more dependencies.

Project Structure

├── build                           # App build for production
├── src                             # App source code
│   ├── api                         # API to web services
│   ├── config                      # Configuration settings
│   ├── app                         # Your main app
│   │   ├── views                   # UIs, components
│   │   │   ├── Components          # Reusable components across views
│   │   │   ├── Layouts             # Reusable layouts for pages / containers
│   │   │   └── Pages               # Containers and page views
│   │   ├── states                  # Store states structured the same way from object state
│   │   │   ├── auth                # A state
│   │   │   │   ├── auth.actions.js # A state should have actions
│   │   │   │   ├── auth.reducer.js # State's reducer.
│   │   │   │   └── index.js        # Entry point for actions and reducer.
│   │   │   ├── initial.js          # Store's initial state, reducers can refer their initial states.
│   │   │   └── index.js            # States with combined reducers (actual store states), use for store.
│   │   ├── store                   # App redux store
│   │   │   ├── store.dev.js        # Store configured for development
│   │   │   └── index.js            # Store entry point
│   │   ├── routes                  # All App routes
│   │   └── utils                   # Your app related utilities
│   ├── utils                       # Your main (global) src utilities
│   ├── index.js                    # App (client) main entry point.
│   ├── index.html                  # Static html

app/states/auth/index

export authReducer from './auth.reducer';
export * authActions from './auth.actions';

app/states/index

import { combineReducers } from 'redux';
import { authReducer } from './user';

export default combineReducers({
  user: userReducer,
});

app/states/initial.js

export default {
  auth: {},
};

Get the project!

1. Clone and install.

$ [email protected]:jeescu/react-stack-app.git
$ cd react-stack-app
$ npm install

2. Remove .git, update package.json and make it your own!

$ rm -rf .git
$ git init

3. Start the app.

$ npm start