What is the difference between useState and useEffect?

Can you explain the difference between useState and useEffect in React?

Sure! useState is a hook that lets you add state to your functional components, while useEffect is used for side effects like data fetching or subscriptions.

Can you give me an example of how to use both hooks?

Absolutely! You might use useState to manage a counter value, and useEffect to log that value whenever it changes.

What are some common mistakes when using these hooks?

Common mistakes include not properly cleaning up effects in useEffect or trying to use useState outside of a functional component.

How do these hooks affect performance?

useState can cause re-renders when state changes, while useEffect can lead to performance issues if not managed correctly, especially with dependencies.