Lazy Loading Development Tutorials, Guides & Insights

• Query 1: SELECT * FROM posts
• N Queries: For each post, SELECT * FROM users WHERE id = ?

If there are 100 posts, this results in 1 + 100 queries, which can significantly impact performance.

As mentioned earlier, useMemo can be used to memoize the result of expensive function calls.

import React, { useMemo } from 'react';

function Fibonacci({ num }) {
  const fib = useMemo(() => {
    const calculateFibonacci = (n) => {
      if (n <= 1) return 1;
      return calculateFibonacci(n - 1) + calculateFibonacci(n - 2);
    };
    return calculateFibonacci(num);
  }, [num]);

  return <div>Fibonacci of {num} is {fib}</div>;
}

No preview available for this content.