moisestech / Vimeo-React

VImeo API ReactJS Implementation

Vimeo React

Isomorphic, React, ES6, Webpack based starter used to create a demo example of interfacing with the Vimeo Simple API

Based off a fork of Richard Krawll's react-starter

Usage

$ npm install

Start development server:

$ npm run start:dev

Start production server:

$ npm start

DEPLOY:

$ git push heroku master

Features

• Isomorphic server rendering for faster load times + seo benefits
• Pre-render data-fetching
• Mobile + Cookie detection as top-level props
• SCSS + bourbon framework
• Redux developer tools + Hot Reloading
• EZ Deploy to Heroku with npm start

Tech Stack

• 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

Vimeo-React

VImeo API ReactJS Implementation