initial commit

Author: calvinl

.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    "es2015",
+    "react"
+  ],
+  "plugins": [
+    "transform-class-properties",
+    "transform-decorators",
+    "transform-object-rest-spread"
+  ]
+}

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -0,0 +1,45 @@
+{
+  "parser": "babel-eslint",
+  "rules": {
+    "indent": [
+      2,
+      2,
+      { "SwitchCase": 1 }
+    ],
+    "quotes": [
+      2,
+      "single"
+    ],
+    "react/jsx-uses-react": 1,
+    "linebreak-style": [
+      2,
+      "unix"
+    ],
+    "no-console": 0,
+    "no-unused-vars": [1],
+    "semi": [
+      2,
+      "always"
+    ]
+  },
+  "env": {
+    "browser": true,
+    "es6": true,
+    "mocha": true,
+    "node": true
+  },
+  "globals": {
+    "__CORDOVA__": true,
+    "__PRODUCTION__": true,
+    "__DEVELOPMENT__": true,
+    "__BASE_URL__": true
+  },
+  "extends": "eslint:recommended",
+  "ecmaFeatures": {
+    "jsx": true,
+    "experimentalObjectRestSpread": true
+  },
+  "plugins": [
+      "react"
+  ]
+}

.gitignore

@@ -0,0 +1,18 @@
+node_modules
+npm-debug.log*
+.DS_Store
+
+# ignore built static files
+dist/
+webpack-assets.json
+
+# cordova ignores
+cordova/www/*
+cordova/www/**.*
+!cordova/www/.gitkeep
+cordova/plugins/
+cordova/platforms/
+
+# cordova build config
+cordova-build/*.json
+cordova-build/config/*.json

.npmrc

@@ -0,0 +1 @@
+save-exact=true

.nvmrc

@@ -0,0 +1 @@
+v4.2.4

README.md

@@ -0,0 +1,218 @@
+# react-redux-starter
+
+A universal starter kit built with react, react-router and redux. Server
+rendering with react and express, bundles with Webpack with hot module reloading
+and hot style reloading with SCSS support. Bonus: Cordova support.
+
+## Prerequisites
+
+* Node >4.2.x is recommended.
+
+* Webpack
+```
+npm install -g webpack
+```
+
+* nodemon
+
+```
+npm install -g nodemon
+```
+
+* eslint, babel-eslint
+
+```
+npm install -g eslint babel-eslint
+```
+
+## Get started
+
+```
+npm install
+npm start
+```
+
+Direct your browser to `http://localhost:3000`.
+
+
+## Directory Structure
+```
+├── client                    # Client-side code.
+├── common                    # Shared code between client and server.
+│   ├── assets                # All fonts, images, stylsheets.
+│   │   ├── fonts
+│   │   ├── images
+│   │   └── stylesheets       # Follows the 7-1 pattern: http://sass-guidelin.es/#the-7-1-pattern
+│   │       ├── base
+│   │       ├── components
+│   │       ├── layout
+│   │       ├── pages
+│   │       ├── shame
+│   │       ├── utils
+│   │       └── vendors
+│   ├── config                # Contains the redux store configuration. Add anything else you like.
+│   ├── middleware            # Custom redux middleware can be placed here.
+│   ├── reducers              # Redux reducers
+|   |   └── index.js          # Root reducer. Imports all other reducers.
+│   ├── routes                # Routes each have an index.js which exports a react-router Route.
+│   │   ├── app
+│   │   │   ├── components
+│   │   │   ├── containers
+│   │   │   └── index.js
+│   │   ├── example           # The name of route.
+│   │   │   ├── components    # "Dumb" components
+│   │   │   └── containers    # "Smart" containers
+│   │   │   └── index.js      # Exports a react-router route. Uses [alternate configuration](https://github.com/rackt/react-router/blob/master/docs/guides/basics/RouteConfiguration.md#alternate-configuration)
+│   │   └── home
+│   │       └── containers
+│   │   │   └── index.js
+│   ├── selectors             # Memoized selectors. See https://github.com/rackt/reselect
+│   ├── shared                # Shared actions and components and do not belong to a single route.
+│   │   ├── actions
+│   │   └── components
+│   ├── templates             # HTML templates
+│   └── util                  # Utility methods
+├── cordova-build             # Cordova build tools
+│   └── config
+├── server                    # Server-side code.
+└── webpack                   # Webpack configuration files.
+```
+
+## Writing Tests
+The default testing framework is Mocha, though you can use whatever you want.
+Make sure you have it installed:
+
+```
+npm install -g mocha
+```
+
+Tests should reside alongside the component/module/selector/etc that it is
+testing. For example:
+
+```
+├── reducers
+│   ├── todos.js
+│   ├── todos.test.js
+```
+
+Tests can be written with ES2015, since it passes through `babel-register`.
+
+## Running Tests
+To run a single test:
+```
+npm test /path/to/single.test.js
+```
+
+To run a directory of tests:
+
+```
+npm test /path/to/test/directory
+```
+
+To run all tests:
+
+```
+npm run test:all
+```
+
+This will run all files that are suffixed with a `.test.js`.
+
+## Deploying to Heroku
+
+Just set an environment variable to point the asset host to whereever you want,
+since it defaults to `localhost:3001`. If using Heroku to store assets, just use
+a local route. Otherwise, set it to the CDN of your choice.
+```
+heroku config:set ASSET_HOST=/dist/
+# OR
+heroku config:set ASSET_HOST=https://s3.amazonaws.com/mybucket/myasssets/
+```
+
+## Building Cordova Apps
+
+First, make sure you have Cordova installed:
+
+```
+npm install -g cordova
+```
+
+Initialize the Cordova app:
+
+```
+cordova create cordova/ com.org.appname "My App"
+```
+
+Add the platform(s) you want to build for:
+
+```
+cd cordova/
+cordova platform add ios # or 'android'
+```
+
+Install plugins (if you don't have a `/plugins` folder)
+```
+cordova prepare
+```
+
+### Build/Start Dev Environment
+
+```
+npm run start:cordova               # build for development with hot reloading
+npm run build:cordova               # build for development without hot reloading
+npm run build:cordova:development   # alias for above
+npm run build:cordova:production    # build for production without hot reloading
+```
+
+### Start a simulator/emulator
+
+* iOS - CLI
+
+Install XCode, then:
+
+```
+npm install -g ios-deploy
+cd cordova && cordova run ios
+```
+
+* iOS - XCode
+
+Open the file located in `./cordova/platforms/ios/MarcasDirectos.xcodeproj`.
+
+* Android - CLI
+
+Install the Android SDK, then:
+```
+cd cordova && cordova run android
+```
+
+## Distributing Betas
+
+You may want to distribute the app via Fabric (Crashlytics). To do so, prepare
+the following files (copy and rename them):
+
+```
+build/fabric.json.example -> build/fabric.json
+build/config/release.json.example -> build/config/release.json
+```
+
+Fill in the fields in the JSON files properly, then run the following commands:
+
+```
+npm run build:cordova:production   # build the source files for cordova's www
+npm run dist:android               # build the binary and upload to Crashlytics
+# OR
+npm run dist:ios
+```
+
+## Additional Notes
+
+If you're debugging in a mobile browser and you want to access your project
+locally, do the following:
+
+- Make sure your mobile device on the same network as your desktop/laptop.
+- Run `npm start` with a `HOSTNAME` environment variable set to your computer's
+local ip address (the computer that your dev environment is on):
+```
+HOSTNAME=10.0.1.3 npm start
+```
+- Browse to `http://10.0.1.3:3000` on your mobile device.

client/index.js

@@ -0,0 +1,50 @@
+import 'babel-polyfill';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Provider } from 'react-redux';
+import { Router } from 'react-router';
+import { routes } from '../common/routes';
+import configureStore from '../common/config/store';
+import { browserHistory, hashHistory } from 'react-router';
+
+/* Images
+ * This space is reserved for images that are required by server rendering,
+ * e.g. the favicon and any other images that need to be in the base HTML file.
+ */
+import '../common/assets/images/favicon.png';
+
+/* Stylesheets
+ * Main.scss should @import all the other stylesheets that you need. If you want
+ * to use LESS or another preprocessor, you can include it here and update your
+ * webpack configure to use the appropriate loader.
+ */
+import '../common/assets/stylesheets/main.scss';
+
+// The root element of your app
+const rootElement = document.getElementById('app');
+
+// Creates the Redux store based on the initial state passed down by the server
+// rendering.
+const history = __CORDOVA__ ? hashHistory : browserHistory;
+const initialState = window.__INITIAL_STATE__;
+const store = configureStore(initialState, {
+  history: history,
+  dispatchRouteChanges: true,
+  rootElement: rootElement
+});
+
+/* FastClick
+ * Disables the 300ms delay for mobile apps. Comment out or add a conditional
+ * for __CORDOVA__ if you only want this in your Cordova app.
+ */
+document.addEventListener('DOMContentLoaded', () => {
+  require('fastclick').attach(document.body);
+}, false);
+
+// Render the app!
+ReactDOM.render(
+  <Provider store={store}>
+    <Router history={history} routes={routes} />
+  </Provider>,
+  rootElement
+);

common/assets/fonts/.gitkeep

@@ -0,0 +1,12 @@
+// Base layout styles for HTML and body
+html, body {
+  height: 100%;
+}
+
+body {
+  background: white;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  color: black;
+  padding: 15px;
+}

common/assets/images/favicon.png

@@ -0,0 +1,4 @@
+// Add typography styles and imports, @font-face declarations, etc.
+//
+// For example:
+// @import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300");

common/assets/stylesheets/base/_base.scss

@@ -0,0 +1,12 @@
+header > ul {
+  padding: 0;
+  list-style: none;
+}
+header > ul > li {
+  display: inline-block;
+  margin-right: 15px;
+}
+header > ul > li > a {
+  display: block;
+  text-decoration: underline;
+}

common/assets/stylesheets/base/_typography.scss

@@ -0,0 +1,4 @@
+// footer styles
+footer {
+
+}