From 3a4be8d359a4090a3f7601e3895d757889990bed Mon Sep 17 00:00:00 2001
From: e560248 <steffen.schoene@sbb.ch>
Date: Mon, 7 Apr 2025 15:38:36 +0200
Subject: [PATCH] add performance calc

---
 react-advanced-tag1/src/components/exercises/UserEffect.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/react-advanced-tag1/src/components/exercises/UserEffect.tsx b/react-advanced-tag1/src/components/exercises/UserEffect.tsx
index ee4740d..5f68395 100644
--- a/react-advanced-tag1/src/components/exercises/UserEffect.tsx
+++ b/react-advanced-tag1/src/components/exercises/UserEffect.tsx
@@ -19,6 +19,8 @@ export default function UserEffect() {
             return;
         }
 
+        const start = performance.now(); // Start measuring performance
+
         setLoading(true);
 
         // Using AbortController to cancel the fetch request if the component unmounts
@@ -33,6 +35,9 @@ export default function UserEffect() {
             return response.json();
         }).then(data => {
             setUser(data);
+            const end = performance.now(); // End measuring performance
+            const timeTaken = end - start; // Calculate the time taken
+            console.log(`Fetch completed in ${Math.round(timeTaken)} milliseconds`);
             setLoading(false);
         }).catch(error => {
             console.error("There was a problem with the fetch operation:", error);