commit
85f374aed3
20 changed files with 1023 additions and 0 deletions
@ -0,0 +1,21 @@ |
||||
{ |
||||
"ecmaFeatures": { |
||||
"jsx": true, |
||||
"modules": true |
||||
}, |
||||
"env": { |
||||
"browser": true, |
||||
"node": true |
||||
}, |
||||
"parser": "babel-eslint", |
||||
"rules": { |
||||
"quotes": [2, "single"], |
||||
"strict": [2, "never"], |
||||
"react/jsx-uses-react": 2, |
||||
"react/jsx-uses-vars": 2, |
||||
"react/react-in-jsx-scope": 2 |
||||
}, |
||||
"plugins": [ |
||||
"react" |
||||
] |
||||
} |
||||
@ -0,0 +1,3 @@ |
||||
node_modules |
||||
npm-debug.log |
||||
.DS_Store |
||||
@ -0,0 +1,6 @@ |
||||
{ |
||||
"node": true, |
||||
"browser": true, |
||||
"esnext": true, |
||||
"newcap": false |
||||
} |
||||
@ -0,0 +1,21 @@ |
||||
The MIT License (MIT) |
||||
|
||||
Copyright (c) 2014 Dan Abramov |
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
of this software and associated documentation files (the "Software"), to deal |
||||
in the Software without restriction, including without limitation the rights |
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
copies of the Software, and to permit persons to whom the Software is |
||||
furnished to do so, subject to the following conditions: |
||||
|
||||
The above copyright notice and this permission notice shall be included in all |
||||
copies or substantial portions of the Software. |
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||
SOFTWARE. |
||||
@ -0,0 +1,47 @@ |
||||
react-hot-boilerplate |
||||
===================== |
||||
|
||||
The minimal dev environment to enable live-editing React components. |
||||
|
||||
### Usage |
||||
|
||||
``` |
||||
npm install |
||||
npm start |
||||
open http://localhost:3000 |
||||
``` |
||||
|
||||
Now edit `src/App.js`. |
||||
Your changes will appear without reloading the browser like in [this video](http://vimeo.com/100010922). |
||||
|
||||
### Linting |
||||
|
||||
This boilerplate project includes React-friendly ESLint configuration. |
||||
|
||||
``` |
||||
npm run lint |
||||
``` |
||||
|
||||
### Using `0.0.0.0` as Host |
||||
|
||||
You may want to change the host in `server.js` and `webpack.config.js` from `localhost` to `0.0.0.0` to allow access from same WiFi network. This is not enabled by default because it is reported to cause problems on Windows. This may also be useful if you're using a VM. |
||||
|
||||
### Missing Features |
||||
|
||||
This boilerplate is purposefully simple to show the minimal configuration for React Hot Loader. For a real project, you'll want to add a separate config for production with hot reloading disabled and minification enabled. You'll also want to add a router, styles and maybe combine dev server with an existing server. This is out of scope of this boilerplate, but you may want to look into [other starter kits](https://github.com/gaearon/react-hot-loader/blob/master/docs/README.md#starter-kits). |
||||
|
||||
### Dependencies |
||||
|
||||
* React |
||||
* Webpack |
||||
* [webpack-dev-server](https://github.com/webpack/webpack-dev-server) |
||||
* [babel-loader](https://github.com/babel/babel-loader) |
||||
* [react-hot-loader](https://github.com/gaearon/react-hot-loader) |
||||
|
||||
### Resources |
||||
|
||||
* [Demo video](http://vimeo.com/100010922) |
||||
* [react-hot-loader on Github](https://github.com/gaearon/react-hot-loader) |
||||
* [Integrating JSX live reload into your workflow](http://gaearon.github.io/react-hot-loader/getstarted/) |
||||
* [Troubleshooting guide](https://github.com/gaearon/react-hot-loader/blob/master/docs/Troubleshooting.md) |
||||
* Ping dan_abramov on Twitter or #reactjs IRC |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,427 @@ |
||||
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ |
||||
|
||||
/** |
||||
* 1. Set default font family to sans-serif. |
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling |
||||
* user zoom. |
||||
*/ |
||||
|
||||
html { |
||||
font-family: sans-serif; /* 1 */ |
||||
-ms-text-size-adjust: 100%; /* 2 */ |
||||
-webkit-text-size-adjust: 100%; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Remove default margin. |
||||
*/ |
||||
|
||||
body { |
||||
margin: 0; |
||||
} |
||||
|
||||
/* HTML5 display definitions |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Correct `block` display not defined for any HTML5 element in IE 8/9. |
||||
* Correct `block` display not defined for `details` or `summary` in IE 10/11 |
||||
* and Firefox. |
||||
* Correct `block` display not defined for `main` in IE 11. |
||||
*/ |
||||
|
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
main, |
||||
menu, |
||||
nav, |
||||
section, |
||||
summary { |
||||
display: block; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct `inline-block` display not defined in IE 8/9. |
||||
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
||||
*/ |
||||
|
||||
audio, |
||||
canvas, |
||||
progress, |
||||
video { |
||||
display: inline-block; /* 1 */ |
||||
vertical-align: baseline; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Prevent modern browsers from displaying `audio` without controls. |
||||
* Remove excess height in iOS 5 devices. |
||||
*/ |
||||
|
||||
audio:not([controls]) { |
||||
display: none; |
||||
height: 0; |
||||
} |
||||
|
||||
/** |
||||
* Address `[hidden]` styling not present in IE 8/9/10. |
||||
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. |
||||
*/ |
||||
|
||||
[hidden], |
||||
template { |
||||
display: none; |
||||
} |
||||
|
||||
/* Links |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Remove the gray background color from active links in IE 10. |
||||
*/ |
||||
|
||||
a { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
/** |
||||
* Improve readability when focused and also mouse hovered in all browsers. |
||||
*/ |
||||
|
||||
a:active, |
||||
a:hover { |
||||
outline: 0; |
||||
} |
||||
|
||||
/* Text-level semantics |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
||||
*/ |
||||
|
||||
abbr[title] { |
||||
border-bottom: 1px dotted; |
||||
} |
||||
|
||||
/** |
||||
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
||||
*/ |
||||
|
||||
b, |
||||
strong { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
/** |
||||
* Address styling not present in Safari and Chrome. |
||||
*/ |
||||
|
||||
dfn { |
||||
font-style: italic; |
||||
} |
||||
|
||||
/** |
||||
* Address variable `h1` font-size and margin within `section` and `article` |
||||
* contexts in Firefox 4+, Safari, and Chrome. |
||||
*/ |
||||
|
||||
h1 { |
||||
font-size: 2em; |
||||
margin: 0.67em 0; |
||||
} |
||||
|
||||
/** |
||||
* Address styling not present in IE 8/9. |
||||
*/ |
||||
|
||||
mark { |
||||
background: #ff0; |
||||
color: #000; |
||||
} |
||||
|
||||
/** |
||||
* Address inconsistent and variable font size in all browsers. |
||||
*/ |
||||
|
||||
small { |
||||
font-size: 80%; |
||||
} |
||||
|
||||
/** |
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers. |
||||
*/ |
||||
|
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
|
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
/* Embedded content |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Remove border when inside `a` element in IE 8/9/10. |
||||
*/ |
||||
|
||||
img { |
||||
border: 0; |
||||
} |
||||
|
||||
/** |
||||
* Correct overflow not hidden in IE 9/10/11. |
||||
*/ |
||||
|
||||
svg:not(:root) { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
/* Grouping content |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Address margin not present in IE 8/9 and Safari. |
||||
*/ |
||||
|
||||
figure { |
||||
margin: 1em 40px; |
||||
} |
||||
|
||||
/** |
||||
* Address differences between Firefox and other browsers. |
||||
*/ |
||||
|
||||
hr { |
||||
-moz-box-sizing: content-box; |
||||
box-sizing: content-box; |
||||
height: 0; |
||||
} |
||||
|
||||
/** |
||||
* Contain overflow in all browsers. |
||||
*/ |
||||
|
||||
pre { |
||||
overflow: auto; |
||||
} |
||||
|
||||
/** |
||||
* Address odd `em`-unit font size rendering in all browsers. |
||||
*/ |
||||
|
||||
code, |
||||
kbd, |
||||
pre, |
||||
samp { |
||||
font-family: monospace, monospace; |
||||
font-size: 1em; |
||||
} |
||||
|
||||
/* Forms |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Known limitation: by default, Chrome and Safari on OS X allow very limited |
||||
* styling of `select`, unless a `border` property is set. |
||||
*/ |
||||
|
||||
/** |
||||
* 1. Correct color not being inherited. |
||||
* Known issue: affects color of disabled elements. |
||||
* 2. Correct font properties not being inherited. |
||||
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
||||
*/ |
||||
|
||||
button, |
||||
input, |
||||
optgroup, |
||||
select, |
||||
textarea { |
||||
color: inherit; /* 1 */ |
||||
font: inherit; /* 2 */ |
||||
margin: 0; /* 3 */ |
||||
} |
||||
|
||||
/** |
||||
* Address `overflow` set to `hidden` in IE 8/9/10/11. |
||||
*/ |
||||
|
||||
button { |
||||
overflow: visible; |
||||
} |
||||
|
||||
/** |
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`. |
||||
* All other form control elements do not inherit `text-transform` values. |
||||
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
||||
* Correct `select` style inheritance in Firefox. |
||||
*/ |
||||
|
||||
button, |
||||
select { |
||||
text-transform: none; |
||||
} |
||||
|
||||
/** |
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
||||
* and `video` controls. |
||||
* 2. Correct inability to style clickable `input` types in iOS. |
||||
* 3. Improve usability and consistency of cursor style between image-type |
||||
* `input` and others. |
||||
*/ |
||||
|
||||
button, |
||||
html input[type="button"], /* 1 */ |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
-webkit-appearance: button; /* 2 */ |
||||
cursor: pointer; /* 3 */ |
||||
} |
||||
|
||||
/** |
||||
* Re-set default cursor for disabled elements. |
||||
*/ |
||||
|
||||
button[disabled], |
||||
html input[disabled] { |
||||
cursor: default; |
||||
} |
||||
|
||||
/** |
||||
* Remove inner padding and border in Firefox 4+. |
||||
*/ |
||||
|
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
/** |
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in |
||||
* the UA stylesheet. |
||||
*/ |
||||
|
||||
input { |
||||
line-height: normal; |
||||
} |
||||
|
||||
/** |
||||
* It's recommended that you don't attempt to style these elements. |
||||
* Firefox's implementation doesn't respect box-sizing, padding, or width. |
||||
* |
||||
* 1. Address box sizing set to `content-box` in IE 8/9/10. |
||||
* 2. Remove excess padding in IE 8/9/10. |
||||
*/ |
||||
|
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
box-sizing: border-box; /* 1 */ |
||||
padding: 0; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Fix the cursor style for Chrome's increment/decrement buttons. For certain |
||||
* `font-size` values of the `input`, it causes the cursor style of the |
||||
* decrement button to change from `default` to `text`. |
||||
*/ |
||||
|
||||
input[type="number"]::-webkit-inner-spin-button, |
||||
input[type="number"]::-webkit-outer-spin-button { |
||||
height: auto; |
||||
} |
||||
|
||||
/** |
||||
* 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
||||
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome |
||||
* (include `-moz` to future-proof). |
||||
*/ |
||||
|
||||
input[type="search"] { |
||||
-webkit-appearance: textfield; /* 1 */ |
||||
-moz-box-sizing: content-box; |
||||
-webkit-box-sizing: content-box; /* 2 */ |
||||
box-sizing: content-box; |
||||
} |
||||
|
||||
/** |
||||
* Remove inner padding and search cancel button in Safari and Chrome on OS X. |
||||
* Safari (but not Chrome) clips the cancel button when the search input has |
||||
* padding (and `textfield` appearance). |
||||
*/ |
||||
|
||||
input[type="search"]::-webkit-search-cancel-button, |
||||
input[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
/** |
||||
* Define consistent border, margin, and padding. |
||||
*/ |
||||
|
||||
fieldset { |
||||
border: 1px solid #c0c0c0; |
||||
margin: 0 2px; |
||||
padding: 0.35em 0.625em 0.75em; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct `color` not being inherited in IE 8/9/10/11. |
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets. |
||||
*/ |
||||
|
||||
legend { |
||||
border: 0; /* 1 */ |
||||
padding: 0; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Remove default vertical scrollbar in IE 8/9/10/11. |
||||
*/ |
||||
|
||||
textarea { |
||||
overflow: auto; |
||||
} |
||||
|
||||
/** |
||||
* Don't inherit the `font-weight` (applied by a rule above). |
||||
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
||||
*/ |
||||
|
||||
optgroup { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
/* Tables |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Remove most spacing between table cells. |
||||
*/ |
||||
|
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
|
||||
td, |
||||
th { |
||||
padding: 0; |
||||
} |
||||
@ -0,0 +1,289 @@ |
||||
/* |
||||
Simple Grid |
||||
Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/ |
||||
Project Page - http://thisisdallas.github.com/Simple-Grid/ |
||||
Author - Dallas Bass |
||||
Site - dallasbass.com |
||||
*/ |
||||
|
||||
*, *:after, *:before { |
||||
-webkit-box-sizing: border-box; |
||||
-moz-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
body { |
||||
margin: 0px; |
||||
} |
||||
|
||||
[class*='col-'] { |
||||
float: left; |
||||
padding-right: 20px; /* column-space */ |
||||
} |
||||
|
||||
.grid { |
||||
width: 100%; |
||||
max-width: 1140px; |
||||
min-width: 755px; |
||||
margin: 0 auto; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.grid:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; |
||||
} |
||||
|
||||
.grid-pad { |
||||
padding-top: 20px; |
||||
padding-left: 20px; /* grid-space to left */ |
||||
padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */ |
||||
} |
||||
|
||||
.push-right { |
||||
float: right; |
||||
} |
||||
|
||||
/* Content Columns */ |
||||
|
||||
.col-1-1 { |
||||
width: 100%; |
||||
} |
||||
.col-2-3, .col-8-12 { |
||||
width: 66.66%; |
||||
} |
||||
|
||||
.col-1-2, .col-6-12 { |
||||
width: 50%; |
||||
} |
||||
|
||||
.col-1-3, .col-4-12 { |
||||
width: 33.33%; |
||||
} |
||||
|
||||
.col-1-4, .col-3-12 { |
||||
width: 25%; |
||||
} |
||||
|
||||
.col-1-5 { |
||||
width: 20%; |
||||
} |
||||
|
||||
.col-1-6, .col-2-12 { |
||||
width: 16.667%; |
||||
} |
||||
|
||||
.col-1-7 { |
||||
width: 14.28%; |
||||
} |
||||
|
||||
.col-1-8 { |
||||
width: 12.5%; |
||||
} |
||||
|
||||
.col-1-9 { |
||||
width: 11.1%; |
||||
} |
||||
|
||||
.col-1-10 { |
||||
width: 10%; |
||||
} |
||||
|
||||
.col-1-11 { |
||||
width: 9.09%; |
||||
} |
||||
|
||||
.col-1-12 { |
||||
width: 8.33% |
||||
} |
||||
|
||||
/* Layout Columns */ |
||||
|
||||
.col-11-12 { |
||||
width: 91.66% |
||||
} |
||||
|
||||
.col-10-12 { |
||||
width: 83.333%; |
||||
} |
||||
|
||||
.col-9-12 { |
||||
width: 75%; |
||||
} |
||||
|
||||
.col-5-12 { |
||||
width: 41.66%; |
||||
} |
||||
|
||||
.col-7-12 { |
||||
width: 58.33% |
||||
} |
||||
|
||||
|
||||
|
||||
/* Pushing blocks */ |
||||
|
||||
.push-2-3, .push-8-12 { |
||||
margin-left: 66.66%; |
||||
} |
||||
|
||||
.push-1-2, .push-6-12 { |
||||
margin-left: 50%; |
||||
} |
||||
|
||||
.push-1-3, .push-4-12 { |
||||
margin-left: 33.33%; |
||||
} |
||||
|
||||
.push-1-4, .push-3-12 { |
||||
margin-left: 25%; |
||||
} |
||||
|
||||
.push-1-5 { |
||||
margin-left: 20%; |
||||
} |
||||
|
||||
.push-1-6, .push-2-12 { |
||||
margin-left: 16.667%; |
||||
} |
||||
|
||||
.push-1-7 { |
||||
margin-left: 14.28%; |
||||
} |
||||
|
||||
.push-1-8 { |
||||
margin-left: 12.5%; |
||||
} |
||||
|
||||
.push-1-9 { |
||||
margin-left: 11.1%; |
||||
} |
||||
|
||||
.push-1-10 { |
||||
margin-left: 10%; |
||||
} |
||||
|
||||
.push-1-11 { |
||||
margin-left: 9.09%; |
||||
} |
||||
|
||||
.push-1-12 { |
||||
margin-left: 8.33% |
||||
} |
||||
|
||||
|
||||
@media handheld, only screen and (max-width: 767px) { |
||||
.grid { |
||||
width: 100%; |
||||
min-width: 0; |
||||
margin-left: 0px; |
||||
margin-right: 0px; |
||||
padding-left: 20px; /* grid-space to left */ |
||||
padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */ |
||||
} |
||||
|
||||
[class*='col-'] { |
||||
width: auto; |
||||
float: none; |
||||
margin-left: 0px; |
||||
margin-right: 0px; |
||||
margin-top: 10px; |
||||
margin-bottom: 10px; |
||||
padding-left: 0px; |
||||
padding-right: 10px; /* column-space */ |
||||
} |
||||
|
||||
|
||||
/* Mobile Layout */ |
||||
|
||||
[class*='mobile-col-'] { |
||||
float: left; |
||||
margin-left: 0px; |
||||
margin-right: 0px; |
||||
margin-top: 0px; |
||||
margin-bottom: 10px; |
||||
padding-left: 0px; |
||||
padding-right: 10px; /* column-space */ |
||||
padding-bottom: 0px; |
||||
} |
||||
|
||||
.mobile-col-1-1 { |
||||
width: 100%; |
||||
} |
||||
.mobile-col-2-3, .mobile-col-8-12 { |
||||
width: 66.66%; |
||||
} |
||||
|
||||
.mobile-col-1-2, .mobile-col-6-12 { |
||||
width: 50%; |
||||
} |
||||
|
||||
.mobile-col-1-3, .mobile-col-4-12 { |
||||
width: 33.33%; |
||||
} |
||||
|
||||
.mobile-col-1-4, .mobile-col-3-12 { |
||||
width: 25%; |
||||
} |
||||
|
||||
.mobile-col-1-5 { |
||||
width: 20%; |
||||
} |
||||
|
||||
.mobile-col-1-6, .mobile-col-2-12 { |
||||
width: 16.667%; |
||||
} |
||||
|
||||
.mobile-col-1-7 { |
||||
width: 14.28%; |
||||
} |
||||
|
||||
.mobile-col-1-8 { |
||||
width: 12.5%; |
||||
} |
||||
|
||||
.mobile-col-1-9 { |
||||
width: 11.1%; |
||||
} |
||||
|
||||
.mobile-col-1-10 { |
||||
width: 10%; |
||||
} |
||||
|
||||
.mobile-col-1-11 { |
||||
width: 9.09%; |
||||
} |
||||
|
||||
.mobile-col-1-12 { |
||||
width: 8.33% |
||||
} |
||||
|
||||
/* Layout Columns */ |
||||
|
||||
.mobile-col-11-12 { |
||||
width: 91.66% |
||||
} |
||||
|
||||
.mobile-col-10-12 { |
||||
width: 83.333%; |
||||
} |
||||
|
||||
.mobile-col-9-12 { |
||||
width: 75%; |
||||
} |
||||
|
||||
.mobile-col-5-12 { |
||||
width: 41.66%; |
||||
} |
||||
|
||||
.mobile-col-7-12 { |
||||
width: 58.33% |
||||
} |
||||
|
||||
.hide-on-mobile { |
||||
display: none !important; |
||||
width: 0; |
||||
height: 0; |
||||
} |
||||
} |
||||
@ -0,0 +1,7 @@ |
||||
/*! |
||||
* https://github.com/es-shims/es5-shim
|
||||
* @license es5-shim Copyright 2009-2014 by contributors, MIT License |
||||
* see https://github.com/es-shims/es5-shim/blob/v4.1.0/LICENSE
|
||||
*/ |
||||
(function(e,t){"use strict";if(typeof define==="function"&&define.amd){define(t)}else if(typeof exports==="object"){module.exports=t()}else{e.returnExports=t()}})(this,function(){var e=Function.prototype.call;var t=Object.prototype;var r=e.bind(t.hasOwnProperty);var n;var o;var c;var i;var f=r(t,"__defineGetter__");if(f){n=e.bind(t.__defineGetter__);o=e.bind(t.__defineSetter__);c=e.bind(t.__lookupGetter__);i=e.bind(t.__lookupSetter__)}if(!Object.getPrototypeOf){Object.getPrototypeOf=function E(e){var r=e.__proto__;if(r||r===null){return r}else if(e.constructor){return e.constructor.prototype}else{return t}}}function l(e){try{e.sentinel=0;return Object.getOwnPropertyDescriptor(e,"sentinel").value===0}catch(t){}}if(Object.defineProperty){var u=l({});var a=typeof document==="undefined"||l(document.createElement("div"));if(!a||!u){var p=Object.getOwnPropertyDescriptor}}if(!Object.getOwnPropertyDescriptor||p){var b="Object.getOwnPropertyDescriptor called on a non-object: ";Object.getOwnPropertyDescriptor=function g(e,n){if(typeof e!=="object"&&typeof e!=="function"||e===null){throw new TypeError(b+e)}if(p){try{return p.call(Object,e,n)}catch(o){}}var l;if(!r(e,n)){return l}l={enumerable:true,configurable:true};if(f){var u=e.__proto__;var a=e!==t;if(a){e.__proto__=t}var s=c(e,n);var O=i(e,n);if(a){e.__proto__=u}if(s||O){if(s){l.get=s}if(O){l.set=O}return l}}l.value=e[n];l.writable=true;return l}}if(!Object.getOwnPropertyNames){Object.getOwnPropertyNames=function T(e){return Object.keys(e)}}if(!Object.create){var s;var O=!({__proto__:null}instanceof Object);if(O||typeof document==="undefined"){s=function(){return{__proto__:null}}}else{s=function(){var e=document.createElement("iframe");var t=document.body||document.documentElement;e.style.display="none";t.appendChild(e);e.src="javascript:";var r=e.contentWindow.Object.prototype;t.removeChild(e);e=null;delete r.constructor;delete r.hasOwnProperty;delete r.propertyIsEnumerable;delete r.isPrototypeOf;delete r.toLocaleString;delete r.toString;delete r.valueOf;r.__proto__=null;function n(){}n.prototype=r;s=function(){return new n};return new n}}Object.create=function x(e,t){var r;function n(){}if(e===null){r=s()}else{if(typeof e!=="object"&&typeof e!=="function"){throw new TypeError("Object prototype may only be an Object or null")}n.prototype=e;r=new n;r.__proto__=e}if(t!==void 0){Object.defineProperties(r,t)}return r}}function j(e){try{Object.defineProperty(e,"sentinel",{});return"sentinel"in e}catch(t){}}if(Object.defineProperty){var d=j({});var y=typeof document==="undefined"||j(document.createElement("div"));if(!d||!y){var _=Object.defineProperty,v=Object.defineProperties}}if(!Object.defineProperty||_){var w="Property description must be an object: ";var P="Object.defineProperty called on non-object: ";var h="getters & setters can not be defined on this javascript engine";Object.defineProperty=function z(e,r,l){if(typeof e!=="object"&&typeof e!=="function"||e===null){throw new TypeError(P+e)}if(typeof l!=="object"&&typeof l!=="function"||l===null){throw new TypeError(w+l)}if(_){try{return _.call(Object,e,r,l)}catch(u){}}if("value"in l){if(f&&(c(e,r)||i(e,r))){var a=e.__proto__;e.__proto__=t;delete e[r];e[r]=l.value;e.__proto__=a}else{e[r]=l.value}}else{if(!f){throw new TypeError(h)}if("get"in l){n(e,r,l.get)}if("set"in l){o(e,r,l.set)}}return e}}if(!Object.defineProperties||v){Object.defineProperties=function S(e,t){if(v){try{return v.call(Object,e,t)}catch(n){}}for(var o in t){if(r(t,o)&&o!=="__proto__"){Object.defineProperty(e,o,t[o])}}return e}}if(!Object.seal){Object.seal=function D(e){if(Object(e)!==e){throw new TypeError("Object.seal can only be called on Objects.")}return e}}if(!Object.freeze){Object.freeze=function F(e){if(Object(e)!==e){throw new TypeError("Object.freeze can only be called on Objects.")}return e}}try{Object.freeze(function(){})}catch(m){Object.freeze=function k(e){return function t(r){if(typeof r==="function"){return r}else{return e(r)}}}(Object.freeze)}if(!Object.preventExtensions){Object.preventExtensions=function G(e){if(Object(e)!==e){throw new TypeError("Object.preventExtensions can only be called on Objects.")}return e}}if(!Object.isSealed){Object.isSealed=function C(e){if(Object(e)!==e){throw new TypeError("Object.isSealed can only be called on Objects.")}return false}}if(!Object.isFrozen){Object.isFrozen=function N(e){if(Object(e)!==e){throw new TypeError("Object.isFrozen can only be called on Objects.")}return false}}if(!Object.isExtensible){Object.isExtensible=function I(e){if(Object(e)!==e){throw new TypeError("Object.isExtensible can only be called on Objects.")}var t="";while(r(e,t)){t+="?"}e[t]=true;var n=r(e,t);delete e[t];return n}}}); |
||||
//# sourceMappingURL=es5-sham.map
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,4 @@ |
||||
/** |
||||
* @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed |
||||
*/ |
||||
!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.2",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b)}("undefined"!=typeof window?window:this,document); |
||||
@ -0,0 +1,30 @@ |
||||
<html> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<meta name="fragment" content="!"> |
||||
|
||||
<title>React boilerplate</title> |
||||
|
||||
<![if lt IE 10]> |
||||
<script src="/assets/js/es5-shim.min.js"></script> |
||||
<script src="/assets/js/es5-sham.min.js"></script> |
||||
<script src="/assets/js/html5shiv.min.js"></script> |
||||
<script type="text/javascript"> |
||||
// Fake console to test in IE<9 |
||||
if( typeof console == 'undefined' ) |
||||
console = {log: function(){ /* No console */}}; |
||||
</script> |
||||
<![endif]> |
||||
|
||||
<meta name="viewport" content="initial-scale=1"> |
||||
|
||||
<link rel='stylesheet' id='js_composer_front-css' href='/assets/css/normalize.css' type='text/css' media='all' /> |
||||
<link rel='stylesheet' id='js_composer_front-css' href='/assets/css/simplegrid.css' type='text/css' media='all' /> |
||||
<link rel='stylesheet' id='js_composer_front-css' href='/assets/css/font-awesome.min.css' type='text/css' media='all' /> |
||||
</head> |
||||
<body> |
||||
<div id='root'> |
||||
</div> |
||||
<script src="/static/bundle.js"></script> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,44 @@ |
||||
{ |
||||
"name": "react-hot-boilerplate", |
||||
"version": "1.0.0", |
||||
"description": "Boilerplate for ReactJS project with hot code reloading", |
||||
"scripts": { |
||||
"start": "node server.js", |
||||
"lint": "eslint src" |
||||
}, |
||||
"repository": { |
||||
"type": "git", |
||||
"url": "https://github.com/gaearon/react-hot-boilerplate.git" |
||||
}, |
||||
"keywords": [ |
||||
"react", |
||||
"reactjs", |
||||
"boilerplate", |
||||
"hot", |
||||
"reload", |
||||
"hmr", |
||||
"live", |
||||
"edit", |
||||
"webpack" |
||||
], |
||||
"author": "Dan Abramov <dan.abramov@me.com> (http://github.com/gaearon)", |
||||
"license": "MIT", |
||||
"bugs": { |
||||
"url": "https://github.com/gaearon/react-hot-boilerplate/issues" |
||||
}, |
||||
"homepage": "https://github.com/gaearon/react-hot-boilerplate", |
||||
"devDependencies": { |
||||
"babel-core": "^5.4.7", |
||||
"babel-eslint": "^3.1.9", |
||||
"babel-loader": "^5.1.2", |
||||
"eslint-plugin-react": "^2.3.0", |
||||
"react-hot-loader": "^1.2.7", |
||||
"webpack": "^1.9.6", |
||||
"webpack-dev-server": "^1.8.2" |
||||
}, |
||||
"dependencies": { |
||||
"freezer-js": "^0.6.0", |
||||
"react": "^0.13.0", |
||||
"react-router": "^0.13.3" |
||||
} |
||||
} |
||||
@ -0,0 +1,15 @@ |
||||
var webpack = require('webpack'); |
||||
var WebpackDevServer = require('webpack-dev-server'); |
||||
var config = require('./webpack.config'); |
||||
|
||||
new WebpackDevServer(webpack(config), { |
||||
publicPath: config.output.publicPath, |
||||
hot: true, |
||||
historyApiFallback: true |
||||
}).listen(3000, 'localhost', function (err, result) { |
||||
if (err) { |
||||
console.log(err); |
||||
} |
||||
|
||||
console.log('Listening at localhost:3000'); |
||||
}); |
||||
@ -0,0 +1,32 @@ |
||||
import React from 'react'; |
||||
import Router, { RouteHandler } from 'react-router'; |
||||
|
||||
class App extends React.Component { |
||||
constructor( props, context ) { |
||||
super(); |
||||
this.publishRouter( context.router ); |
||||
} |
||||
render() { |
||||
return ( |
||||
<RouteHandler /> |
||||
); |
||||
} |
||||
publishRouter( router ){ |
||||
var routes = {}; |
||||
|
||||
// Use route names as constants
|
||||
router.routes[0].childRoutes.forEach( function( r ){ |
||||
routes[ r.name ] = r.path; |
||||
}); |
||||
|
||||
// Render the router accessible without contexts
|
||||
Router.currentRouter = router; |
||||
Router.routes = routes; |
||||
} |
||||
} |
||||
|
||||
App.contextTypes = { |
||||
router: React.PropTypes.func |
||||
}; |
||||
|
||||
export default App; |
||||
@ -0,0 +1,10 @@ |
||||
import React from 'react'; |
||||
import Router from 'react-router'; |
||||
import routes from './routes'; |
||||
|
||||
Router.run( routes, Router.HistoryLocation, function( Handler ){ |
||||
React.render( |
||||
React.createElement( Handler ), |
||||
document.getElementById('root') |
||||
); |
||||
}); |
||||
@ -0,0 +1,13 @@ |
||||
'use strict'; |
||||
import React from 'react'; |
||||
import Router, {Route, NotFoundRoute, DefaultRoute} from 'react-router'; |
||||
import App from './App'; |
||||
import Home from './ui/Home'; |
||||
|
||||
var routes = ( |
||||
<Route name="app" path="/" handler={ App } > |
||||
<DefaultRoute name="home" handler={ Home } /> |
||||
</Route> |
||||
); |
||||
|
||||
export default routes; |
||||
@ -0,0 +1,12 @@ |
||||
'use strict'; |
||||
import React from 'react'; |
||||
|
||||
export default class Home extends React.Component { |
||||
render(){ |
||||
return ( |
||||
<div> |
||||
Hello world! |
||||
</div> |
||||
); |
||||
} |
||||
} |
||||
@ -0,0 +1,27 @@ |
||||
var path = require('path'); |
||||
var webpack = require('webpack'); |
||||
|
||||
module.exports = { |
||||
devtool: 'eval', |
||||
entry: [ |
||||
'webpack-dev-server/client?http://localhost:3000', |
||||
'webpack/hot/only-dev-server', |
||||
'./src/index' |
||||
], |
||||
output: { |
||||
path: path.join(__dirname, 'dist'), |
||||
filename: 'bundle.js', |
||||
publicPath: '/static/' |
||||
}, |
||||
plugins: [ |
||||
new webpack.HotModuleReplacementPlugin(), |
||||
new webpack.NoErrorsPlugin() |
||||
], |
||||
module: { |
||||
loaders: [{ |
||||
test: /\.js$/, |
||||
loaders: ['react-hot', 'babel'], |
||||
include: path.join(__dirname, 'src') |
||||
}] |
||||
} |
||||
}; |
||||
Loading…
Reference in new issue