twitter hyperdrive

react-tweet + html-hyperdrive.

Don't forget your towel.

Usage

Environment Variables

Create an env.json in the root of the folder with the following keys:

{
  "CONSUMER_KEY": "XXX",
  "CONSUMER_SECRET": "XXX",
  "COOKIE_NAME": "my-app-name"
}

$ npm install

Start development server:

$ npm run start:dev

Start production server:

$ npm start

DEPLOY:

$ git push heroku master

Tech Stack

• firebase
• Babel
• ESLint
• Express
• Mocha
• React
• React Router
• React Transform HMR
• Redux
• Redux DevTools Extension
• Webpack

Structure

.
├── client                    # Source code for client-side application
│   ├── actions               # Redux action creators
│   ├── components            # Presentational/dumb components
│   ├── constants             # Global constants (action types etc.)
│   ├── containers            # Stateful/smart components
│   ├── reducers              # Redux reducers
│   ├── routes                # Routes used by React Router (shared with server)
│   ├── store                 # Redux store
│   └── index.js              # Entry point for client-side application
├── server                    # Source code for Express server
│   ├── api                   # Mock API
│   ├── middleware            # Server middleware
│   ├── views                 # Server views (Jade templates)
│   ├── index.js              # Entry point for server (with babel-register etc.)
│   └── server.js             # Express server
├── test                      # Test setup and helpers
├── .babelrc                  # Babel configuration
├── .eslintrc                 # ESLint configuration
└── webpack.config.babel.js   # Webpack configuration