diff --git a/package.json b/package.json index b2edc91..bedcd69 100644 --- a/package.json +++ b/package.json @@ -20,31 +20,32 @@ "Modernizr": "global:Modernizr" }, "devDependencies": { - "browser-sync": "^1.8.1", - "browserify": "^7.0.3", + "browser-sync": "^2.18.8", + "browserify": "^14.1.0", "browserify-shim": "^3.8.1", "gulp": "^3.8.10", - "gulp-autoprefixer": "^2.0.0", - "gulp-changed": "^1.1.0", + "gulp-autoprefixer": "^3.1.1", + "gulp-changed": "^2.0.0", "gulp-filesize": "0.0.6", - "gulp-imagemin": "^2.0.0", - "gulp-minify-css": "^0.3.12", - "gulp-notify": "^2.1.0", - "gulp-sass": "^1.2.4", - "gulp-swig": "^0.7.4", - "gulp-uglify": "^1.0.2", + "gulp-imagemin": "^3.1.1", + "gulp-minify-css": "^1.2.4", + "gulp-notify": "^3.0.0", + "gulp-sass": "^3.1.0", + "gulp-swig": "^0.8.0", + "gulp-uglify": "^2.0.1", "gulp-util": "^3.0.1", - "pretty-hrtime": "^0.2.2", - "require-dir": "^0.1.0", + "pretty-hrtime": "^1.0.3", + "require-dir": "^0.3.1", "vinyl-source-stream": "^1.0.0", - "watchify": "^2.2.1" + "watchify": "^3.9.0" }, "dependencies": { - "flux": "^2.0.1", + "flux": "^3.1.2", "immutable": "^3.4.1", - "object-assign": "^2.0.0", - "react": "^0.12.2", - "react-tools": "^0.12.2", - "reactify": "^0.17.1" + "object-assign": "^4.1.1", + "react": "next", + "react-dom": "^15.4.2", + "react-tools": "^0.13.3", + "reactify": "^1.1.1" } } diff --git a/src/javascript/app.jsx b/src/javascript/app.jsx index f34fac6..791cb8c 100644 --- a/src/javascript/app.jsx +++ b/src/javascript/app.jsx @@ -2,11 +2,10 @@ * @jsx React.DOM */ var React = require('react') +var ReactDOM = require('react-dom') var Registration = require('./components/Registration') -window.onload = function() { - React.render( + ReactDOM.render( , document.getElementById('registration-form') ) -} \ No newline at end of file diff --git a/src/javascript/components/AccountFields.jsx b/src/javascript/components/AccountFields.jsx index 1254c45..56326a2 100644 --- a/src/javascript/components/AccountFields.jsx +++ b/src/javascript/components/AccountFields.jsx @@ -34,9 +34,9 @@ var AccountFields = React.createClass({ // Get values via this.refs var data = { - name : this.refs.name.getDOMNode().value, - password : this.refs.password.getDOMNode().value, - email : this.refs.email.getDOMNode().value, + name : this.refs.name.value, + password : this.refs.password.value, + email : this.refs.email.value, } this.props.saveValues(data)