What are some examples of using Redux hooks in React?

What are some examples of using Redux hooks in React?

Redux hooks, like useSelector and useDispatch, allow you to interact with the Redux store in functional components.

Can you show me a simple example using useSelector?

Sure! Here's a basic example:

import { useSelector } from 'react-redux';

const MyComponent = () => {
  const myData = useSelector(state => state.myData);
  return <div>{myData}</div>;
};

What about using useDispatch?

Here's how you can use useDispatch:

import { useDispatch } from 'react-redux';
import { myAction } from './actions';

const MyComponent = () => {
  const dispatch = useDispatch();

  const handleClick = () => {
    dispatch(myAction());
  };

  return <button onClick={handleClick}>Click me</button>;
};

Are there any best practices for using these hooks?

Yes! Keep your selectors simple, avoid unnecessary re-renders, and use memoization when needed.