Update todomvc example to React 0.14

reduxjs · Oct 15, 2015 · 9421310 · 9421310
1 parent 18337d5
commit 9421310
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 20 deletions.
diff --git a/examples/todomvc/index.js b/examples/todomvc/index.js
@@ -1,16 +1,16 @@
 import 'babel-core/polyfill';
-
 import React from 'react';
+import { render } from 'react-dom';
 import { Provider } from 'react-redux';
 import App from './containers/App';
 import configureStore from './store/configureStore';
 import 'todomvc-app-css/index.css';
 
 const store = configureStore();
 
-React.render(
+render(
   <Provider store={store}>
-    {() => <App />}
+    <App />
   </Provider>,
   document.getElementById('root')
 );
diff --git a/examples/todomvc/package.json b/examples/todomvc/package.json
@@ -18,8 +18,9 @@
   "homepage": "http://rackt.github.io/redux",
   "dependencies": {
     "classnames": "^2.1.2",
-    "react": "^0.13.3",
-    "react-redux": "^2.1.2",
+    "react": "^0.14.0",
+    "react-dom": "^0.14.0",
+    "react-redux": "^4.0.0",
     "redux": "^3.0.0"
   },
   "devDependencies": {
@@ -32,6 +33,7 @@
     "mocha": "^2.2.5",
     "node-libs-browser": "^0.5.2",
     "raw-loader": "^0.5.1",
+    "react-addons-test-utils": "^0.14.0",
     "react-transform-hmr": "^1.0.0",
     "style-loader": "^0.12.3",
     "todomvc-app-css": "^2.0.1",

diff --git a/examples/todomvc/test/components/Footer.spec.js b/examples/todomvc/test/components/Footer.spec.js
@@ -1,10 +1,9 @@
 import expect from 'expect';
-import React from 'react/addons';
+import React from 'react';
+import TestUtils from 'react-addons-test-utils';
 import Footer from '../../components/Footer';
 import { SHOW_ALL, SHOW_ACTIVE } from '../../constants/TodoFilters';
 
-const { TestUtils } = React.addons;
-
 function setup(propOverrides) {
   const props = Object.assign({
     completedCount: 0,

diff --git a/examples/todomvc/test/components/Header.spec.js b/examples/todomvc/test/components/Header.spec.js
@@ -1,10 +1,9 @@
 import expect from 'expect';
-import React from 'react/addons';
+import React from 'react';
+import TestUtils from 'react-addons-test-utils';
 import Header from '../../components/Header';
 import TodoTextInput from '../../components/TodoTextInput';
 
-const { TestUtils } = React.addons;
-
 function setup() {
   const props = {
     addTodo: expect.createSpy()

diff --git a/examples/todomvc/test/components/MainSection.spec.js b/examples/todomvc/test/components/MainSection.spec.js
@@ -1,12 +1,11 @@
 import expect from 'expect';
-import React from 'react/addons';
+import React from 'react';
+import TestUtils from 'react-addons-test-utils';
 import MainSection from '../../components/MainSection';
 import TodoItem from '../../components/TodoItem';
 import Footer from '../../components/Footer';
 import { SHOW_ALL, SHOW_COMPLETED } from '../../constants/TodoFilters';
 
-const { TestUtils } = React.addons;
-
 function setup(propOverrides) {
   const props = Object.assign({
     todos: [{

diff --git a/examples/todomvc/test/components/TodoItem.spec.js b/examples/todomvc/test/components/TodoItem.spec.js
@@ -1,10 +1,9 @@
 import expect from 'expect';
-import React from 'react/addons';
+import React from 'react';
+import TestUtils from 'react-addons-test-utils';
 import TodoItem from '../../components/TodoItem';
 import TodoTextInput from '../../components/TodoTextInput';
 
-const { TestUtils } = React.addons;
-
 function setup( editing = false ) {
   const props = {
     todo: {

diff --git a/examples/todomvc/test/components/TodoTextInput.spec.js b/examples/todomvc/test/components/TodoTextInput.spec.js
@@ -1,9 +1,8 @@
 import expect from 'expect';
-import React from 'react/addons';
+import React from 'react';
+import TestUtils from 'react-addons-test-utils';
 import TodoTextInput from '../../components/TodoTextInput';
 
-const { TestUtils } = React.addons;
-
 function setup(propOverrides) {
   const props = Object.assign({
     onSave: expect.createSpy(),