new feature

src/actions.js

@@ -1,5 +0,0 @@
-
-export const dec = () => ({type: 'DEC'});
-export const inc = () => ({type: 'INC'});
-export const rnd = () => ({type: 'RND', payload: Math.floor(Math.random() * 10)});
-

src/components/App.js

@@ -1,6 +1,31 @@
-import Counter from './Counter';
+import { useCallback, useContext, useId, useReducer, useRef, useTransition } from "react";
+import { useMemo } from "react";
+import { useEffect } from "react";
+import { useState } from "react";
+import Show from "./Show";
+import reducer from "./reducer";
 
-const App = () =>  <Counter/>
 
+
+const App = () =>  {
+
+
+    const [user, dispatch] = useReducer(reducer, {name: 'Ivan', age: 25});
+
+
+
+    return (
+        <>
+            <Show/>
+            <button onClick={() => dispatch({type:'togge', payload:'nans'})}> OK </button>  
+            <button onClick={() => dispatch({type:'change', payload: 'ffffff'})}> Show </button>  
+            <p>User {user.name} and age {user.age}</p>
+            <input onChange={(e) => dispatch({type:'change', payload: e.target.value})} type="text"/>
+       </>
+     
+       
+    )
+
+}
 export default App;
 

src/index.js

@@ -1,19 +1,10 @@
-import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './components/App';
-import { Provider } from 'react-redux';
-import {createStore} from 'redux';
-import reducer from './reducer';
-
-
-export const store = createStore(reducer);
 
 
 const root = ReactDOM.createRoot(document.getElementById('root'))
 root.render(
-        <Provider store = {store} >
-            <App/>
-        </Provider>
+        <App/> 
     )