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);