update: chapter 17

Author: velopert

17/package.json

@@ -3,13 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "immer": "^2.1.0",
-    "react": "^16.8.3",
-    "react-dom": "^16.8.3",
-    "react-redux": "^7.1.0-rc.1",
-    "react-scripts": "^3.3.1",
-    "redux": "^4.0.1",
-    "redux-actions": "^2.6.4",
+    "immer": "^10.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^8.0.5",
+    "react-scripts": "^5.0.1",
+    "redux": "^4.2.1",
+    "redux-actions": "^3.0.0",
     "redux-devtools-extension": "^2.13.8"
   },
   "scripts": {

17/src/index.js

@@ -1,20 +1,23 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import { createStore } from 'redux';
 import { Provider } from 'react-redux';
 import { composeWithDevTools } from 'redux-devtools-extension';
 import './index.css';
 import App from './App';
-import * as serviceWorker from './serviceWorker';
 import rootReducer from './modules';
 
+
 const store = createStore(rootReducer, composeWithDevTools());
+const root = ReactDOM.createRoot(document.getElementById('root'));
 
-ReactDOM.render(
+root.render(
+  <React.StrictMode>
   <Provider store={store}>
     <App />
-  </Provider>,
-  document.getElementById('root'),
+  </Provider>
+  </React.StrictMode>
 );
 
-serviceWorker.unregister();
+
+

17/src/modules/todos.js

@@ -1,5 +1,5 @@
 import { createAction, handleActions } from 'redux-actions';
-import produce from 'immer';
+import {produce} from 'immer';
 
 const CHANGE_INPUT = 'todos/CHANGE_INPUT'; // 인풋 값을 변경함
 const INSERT = 'todos/INSERT'; // 새로운 todo 를 등록함