Setup Nextjs project with Redux

Author: Bhanu Teja P

.gitignore

@@ -0,0 +1,27 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+.env*
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.idea

components/counter.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { incrementByValue, decrementByValue } from '../redux/actions/counter';
+import { useDispatch, useSelector } from 'react-redux';
+
+const counterSelector = state => state.counter;
+
+const useCounter = () => {
+  const dispatch = useDispatch();
+  const incrementBy10 = () => {
+    dispatch(incrementByValue(10));
+  }
+  const decrementBy10 = () => {
+    dispatch(decrementByValue(10));
+  }
+  return { incrementBy10, decrementBy10 };
+}
+
+const Counter = ({}) => {
+  const { count } = useSelector(counterSelector);
+  const { incrementBy10, decrementBy10 } = useCounter();
+
+  return (
+    <div>
+      <span>{ count }</span>
+      <button onClick={incrementBy10}>+10</button>
+      <button onClick={decrementBy10}>-10</button>
+    </div>
+  );
+
+}
+export default Counter;