Add counter component

Author: alexandr-g

src/components/counter/Counter.tsx

@@ -0,0 +1,53 @@
+import React, { Fragment } from 'react'
+import { useSelector, useDispatch } from 'react-redux'
+import { actionTypes, selectors } from '../../features/counter'
+
+const Counter: React.FC = () => {
+  const count = useSelector(selectors.getCountValue)
+  const dispatch = useDispatch()
+
+  return (
+    <Fragment>
+      <div className="row">
+        <div className="col s12 m6">
+          <div className="card blue-grey darken-1">
+            <div className="card-content white-text">
+              <span className="card-title">Counter component</span>
+              <h4>
+                Counter: <strong>{count}</strong>
+              </h4>
+              <p>
+                Here you can increment and decrement counter value using buttons
+                below. All the state updates are performed via redux actions.
+              </p>
+            </div>
+            <div className="card-action">
+              <div className="group">
+                <button
+                  className="waves-effect waves-teal btn-flat blue"
+                  type="button"
+                  onClick={() =>
+                    dispatch({ type: actionTypes.DECREMENT_COUNTER })
+                  }
+                >
+                  decrement
+                </button>
+                <button
+                  className="waves-effect waves-teal btn-flat red"
+                  type="button"
+                  onClick={() =>
+                    dispatch({ type: actionTypes.INCREMENT_COUNTER })
+                  }
+                >
+                  increment
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Fragment>
+  )
+}
+
+export default Counter

src/components/counter/index.ts

@@ -0,0 +1 @@
+export { default } from './Counter'