update dependencies and tools

Author: fc-io

.babelrc

@@ -1,3 +1,4 @@
 {
-  "stage": 0
+  "presets": ["es2015", "react"],
+  "plugins": ["transform-runtime"]
 }

.eslintignore

@@ -1,2 +1,3 @@
-dist
 node_modules
+dev
+dist

.eslintrc

@@ -1,6 +1,9 @@
-node_modules
-npm-debug.log
 .DS_Store
 .dropbox
 .dropbox.cache
+
+node_modules
+npm-debug.log
+
+dev
 dist

.gitignore

@@ -2,18 +2,20 @@
 
 A boilerplate for React using Tape for testing.
 
-### Disclaimer
-
-Not updated in quite a while. I would recommend you to look at other react boilerplates instead of this one.
-
 ### Getting Started
 
-1. clone this repo
-2. cd into folder
+1. `git clone https://github.com/fc-io/react-tape.git`
+2. `cd react-tape`
 3. `npm install`
 4. `npm start`
 5. open http://localhost:3000
 
+### Build for Production
+
+```
+npm run deploy
+```
+
 ### Testing
 
 ```
@@ -26,11 +28,9 @@ npm test
 npm run lint
 ```
 
-### Build for Production
+## Caveats
 
-```
-npm run deploy
-```
+Hot Reloading of stateless functional components does not work.
 
 ## License
 

README.md

@@ -0,0 +1,21 @@
+import React from 'react'
+
+export default class Hello extends React.Component {
+  constructor (props) {
+    super(props)
+    this.toggle = this.toggle.bind(this)
+    this.state = {toggle: false}
+  }
+  toggle () {
+    this.setState({toggle: !this.state.toggle})
+  }
+  render () {
+    return (
+      <div>
+        <h1 className="cblue">Hello World!!</h1>
+        <p>{`Toggled: ${this.state.toggle}`}</p>
+        <button onClick={this.toggle}>Toggle</button>
+      </div>
+    )
+  }
+}

app/components/hello.js

@@ -0,0 +1,7 @@
+import './css/style.css'
+
+import React from 'react'
+import ReactDOM from 'react-dom'
+import Hello from './components/hello'
+
+ReactDOM.render(<Hello />, document.getElementById('root'))

src/css/style.css renamed to app/css/style.css

@@ -1,6 +1,6 @@
 {
   "name": "react-tape",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "A boilerplate for React using Tape for testing.",
   "author": "Fredrik Carlsson <[email protected]>",
   "license": "MIT",
@@ -9,27 +9,37 @@
     "url": "https://github.com/fc-io/react-tape"
   },
   "scripts": {
-    "start": "node webpack.dev.server.hot.js",
-    "test": "babel-tape-runner ./test/**/*",
+    "start": "webpack-dev-server",
+    "deploy": "NODE_ENV=production webpack -p --config webpack.prod.config.js",
+    "test": "babel-tape-runner ./test/**/*.test.js",
     "lint": "eslint .",
-    "deploy": "NODE_ENV=production webpack -p --config webpack.production.config.js"
+    "lint:fix": "eslint . --fix"
   },
   "devDependencies": {
-    "babel": "^5.8.23",
-    "babel-core": "^5.8.23",
-    "babel-loader": "^5.3.2",
-    "babel-tape-runner": "^1.2.0",
-    "blue-tape": "^0.1.10",
-    "css-loader": "^0.16.0",
-    "eslint": "^1.3.1",
-    "eslint-plugin-react": "^3.3.0",
-    "html-webpack-plugin": "^1.6.1",
+    "babel-core": "^6.7.4",
+    "babel-eslint": "^v6.0.0-beta.6",
+    "babel-loader": "^6.2.4",
+    "babel-plugin-transform-runtime": "^6.6.0",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-tape-runner": "^2.0.1",
+    "blue-tape": "^0.2.0",
+    "css-loader": "^0.23.1",
+    "enzyme": "^2.2.0",
+    "eslint": "^2.4.0",
+    "eslint-plugin-babel": "^3.1.0",
+    "eslint-plugin-react": "^4.2.3",
+    "html-webpack-plugin": "^2.14.0",
+    "react-addons-test-utils": "^0.14.7",
     "react-hot-loader": "^1.3.0",
-    "style-loader": "^0.12.3",
+    "style-loader": "^0.13.1",
     "webpack": "^1.12.0",
     "webpack-dev-server": "^1.10.1"
   },
   "dependencies": {
-    "react": "^0.13.3"
+    "babel-polyfill": "^6.6.1",
+    "babel-runtime": "^6.6.1",
+    "react": "^15.0.0-rc.2",
+    "react-dom": "^15.0.0-rc.2"
   }
 }