From f0ef2cd6b5413c5b23829849af99428ad06f5cf1 Mon Sep 17 00:00:00 2001
From: RajuPedda <raj.virtuali@gmail.com>
Date: Wed, 25 Sep 2024 10:09:43 +0530
Subject: [PATCH 1/4] Update App.svelte by destructuring of an Object

Destructured the response object to have a better comparison with other frameworks / libraries as the others also does the same destructuring.
---
 .../7-webapp-features/2-fetch-data/svelte5/App.svelte  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
index 92c0aea6..e31fc9de 100644
--- a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
+++ b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
@@ -1,16 +1,16 @@
 <script>
   import useFetchUsers from "./useFetchUsers.svelte.js";
 
-  const response = useFetchUsers();
+  const {isLoading, error, users} = useFetchUsers();
 </script>
 
-{#if response.isLoading}
+{#if isLoading}
   <p>Fetching users...</p>
-{:else if response.error}
+{:else if error}
   <p>An error occurred while fetching users</p>
-{:else if response.users}
+{:else if users}
   <ul>
-    {#each response.users as user}
+    {#each users as user}
       <li>
         <img src={user.picture.thumbnail} alt="user" />
         <p>

From 03e481b594758719ed6a2fe5f3e0c027cc20cdb6 Mon Sep 17 00:00:00 2001
From: RajuPedda <raj.virtuali@gmail.com>
Date: Fri, 27 Sep 2024 00:53:27 +0530
Subject: [PATCH 2/4] Update App.svelte

Used $derived state to get the reactive values.
---
 content/7-webapp-features/2-fetch-data/svelte5/App.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
index e31fc9de..8b8d36f7 100644
--- a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
+++ b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
@@ -1,7 +1,7 @@
 <script>
   import useFetchUsers from "./useFetchUsers.svelte.js";
 
-  const {isLoading, error, users} = useFetchUsers();
+  const {isLoading, error, users} = $derived(useFetchUsers());
 </script>
 
 {#if isLoading}

From ec8c3da523a16ac39f7a7a1f4b10af3ae7f51fd8 Mon Sep 17 00:00:00 2001
From: RajuPedda <raj.virtuali@gmail.com>
Date: Fri, 27 Sep 2024 15:53:53 +0530
Subject: [PATCH 3/4] Update App.svelte

Updated the code with suggested review changes
---
 content/7-webapp-features/2-fetch-data/svelte5/App.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
index 8b8d36f7..075a9936 100644
--- a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
+++ b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
@@ -1,7 +1,8 @@
 <script>
   import useFetchUsers from "./useFetchUsers.svelte.js";
 
-  const {isLoading, error, users} = $derived(useFetchUsers());
+  const result = useFetchUsers()
+  const {isLoading, error, users} = $derived(result);
 </script>
 
 {#if isLoading}

From 59f57ae763894a2580c7229b48b7d406122afecf Mon Sep 17 00:00:00 2001
From: RajuPedda <raj.virtuali@gmail.com>
Date: Fri, 27 Sep 2024 16:51:23 +0530
Subject: [PATCH 4/4] Update App.svelte

Removed extra spaces.
---
 content/7-webapp-features/2-fetch-data/svelte5/App.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
index 075a9936..9ea6929a 100644
--- a/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
+++ b/content/7-webapp-features/2-fetch-data/svelte5/App.svelte
@@ -1,8 +1,8 @@
 <script>
   import useFetchUsers from "./useFetchUsers.svelte.js";
 
-  const result = useFetchUsers()
-  const {isLoading, error, users} = $derived(result);
+  const response = useFetchUsers();
+  const {isLoading, error, users} = $derived(response);
 </script>
 
 {#if isLoading}