Lazy-loaded Image

Queries Executed:

• Query 1: SELECT * FROM posts
• Query 2: SELECT * FROM users WHERE id IN (?, ?, ?) (one query for all authors)

Here, useCallback prevents the increment function from being recreated on every render, which in turn prevents the ChildComponent from unnecessary re-renders.

The useEffect hook is used for side effects in functional components. However, it can lead to performance issues if not optimized correctly.