Use redux in Class and Function

For Class

const mapStateToProps = ({}) => ({  });

const mapDispatchToProps = (dispatch) => {
  return {
  };
};
export default connect(mapStateToProps, mapDispatchToProps)(AppName);

For Functional

useSelector()
const counter = useSelector(state => state.counter)

useDispatch()
export const CounterComponent = ({ value }) => {
  const dispatch = useDispatch()

  return (
    <div>
      <span>{value}</span>
      <button onClick={() => dispatch({ type: 'increment-counter' })}>
        Increment counter
      </button>
    </div>
  )
}

idev0085 / react-boilerplate

Use redux in Class and Function #110