use action and reducer

Author: rohitbhadane310

redux/npxapp/src/App.js

@@ -4,7 +4,17 @@ import './App.css'
 function App() {
   return (
     <>
-    <h1>welcome to redux</h1>
+     <div className='container'>
+
+      <h1>Increment/Decrement counter</h1>
+      <h4>using React and redux</h4>
+
+      <div className='quantity'>
+         <a className='quantity_minus' title='Decrement'><span>-</span></a>
+         <input name='quantity' type='text' className='quantity_input' value= "0" />
+         <a className='quantity_plus' title='Increment'><span>+</span></a>
+      </div>
+     </div>
     </>
   )
 }

redux/npxapp/src/actions/index.js

@@ -0,0 +1,12 @@
+
+export const incNumber = () =>{
+    return{
+        type: "INCREMENT"
+    }
+}
+
+export const decNumber = () =>{
+    return{
+        type: "DECREMENT"
+    }
+}

redux/npxapp/src/reducers/index.js

@@ -0,0 +1,11 @@
+
+
+const initialState = 0;
+
+const changeTheNumber = (state = initialState , action) =>{
+    switch(action.type){
+        case "INCREMENT": return state + 1;
+        case "DECREMENT": return state - 1;
+        default: return state;
+    }
+}