Lazy Loading Development Tutorials, Guides & Insights

   $posts = Post::with(['author', 'comments.user'])->get();

   foreach ($posts as $post) {
       echo $post->author->name;

       foreach ($post->comments as $comment) {
           echo $comment->user->name;
       }
   }

• Query 1: SELECT * FROM posts
• Query 2: SELECT * FROM users WHERE id IN (?, ?, ?) (authors)
• Query 3: SELECT * FROM comments WHERE post_id IN (?, ?, ?) (comments)
• Query 4: SELECT * FROM users WHERE id IN (?, ?, ?) (comment users)

import React, { useEffect } from 'react';

function EffectComponent({ userId }) {
  useEffect(() => {
    const fetchUserData = async () => {
      const response = await fetch(`/api/user/${userId}`);
      const data = await response.json();
      console.log(data);
    };

    fetchUserData();

    return () => {
      console.log('Cleanup code');
    };
  }, [userId]);

  return <div>User ID: {userId}</div>;
}

Memoization is a technique used to optimize performance by caching the results of expensive function calls and reusing the cached result when the same inputs occur again.

No preview available for this content.