From ddd79e3f9d11a73c02beb9bb908e4184d6c818a9 Mon Sep 17 00:00:00 2001
From: fivem <fivem@fivem.ru>
Date: Wed, 18 Nov 2020 15:34:44 +0300
Subject: [PATCH] tutorial: remove unneccessary performance.now() call inside
 raf (#5513)

---
 .../tutorial/06-bindings/12-bind-this/app-a/App.svelte    | 8 +++-----
 .../tutorial/06-bindings/12-bind-this/app-b/App.svelte    | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/site/content/tutorial/06-bindings/12-bind-this/app-a/App.svelte b/site/content/tutorial/06-bindings/12-bind-this/app-a/App.svelte
index d40c45ef6c..f8f93edc2b 100644
--- a/site/content/tutorial/06-bindings/12-bind-this/app-a/App.svelte
+++ b/site/content/tutorial/06-bindings/12-bind-this/app-a/App.svelte
@@ -5,9 +5,9 @@
 
 	onMount(() => {
 		const ctx = canvas.getContext('2d');
-		let frame;
+		let frame = requestAnimationFrame(loop);
 
-		(function loop() {
+		function loop(t) {
 			frame = requestAnimationFrame(loop);
 
 			const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
@@ -17,8 +17,6 @@
 				const x = i % canvas.width;
 				const y = i / canvas.height >>> 0;
 
-				const t = window.performance.now();
-
 				const r = 64 + (128 * x / canvas.width) + (64 * Math.sin(t / 1000));
 				const g = 64 + (128 * y / canvas.height) + (64 * Math.cos(t / 1000));
 				const b = 128;
@@ -30,7 +28,7 @@
 			}
 
 			ctx.putImageData(imageData, 0, 0);
-		}());
+		}
 
 		return () => {
 			cancelAnimationFrame(frame);
diff --git a/site/content/tutorial/06-bindings/12-bind-this/app-b/App.svelte b/site/content/tutorial/06-bindings/12-bind-this/app-b/App.svelte
index 8e4b3c5bef..17005e273a 100644
--- a/site/content/tutorial/06-bindings/12-bind-this/app-b/App.svelte
+++ b/site/content/tutorial/06-bindings/12-bind-this/app-b/App.svelte
@@ -5,9 +5,9 @@
 
 	onMount(() => {
 		const ctx = canvas.getContext('2d');
-		let frame;
+		let frame = requestAnimationFrame(loop);
 
-		(function loop() {
+		function loop(t) {
 			frame = requestAnimationFrame(loop);
 
 			const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
@@ -17,8 +17,6 @@
 				const x = i % canvas.width;
 				const y = i / canvas.height >>> 0;
 
-				const t = window.performance.now();
-
 				const r = 64 + (128 * x / canvas.width) + (64 * Math.sin(t / 1000));
 				const g = 64 + (128 * y / canvas.height) + (64 * Math.cos(t / 1000));
 				const b = 128;
@@ -30,7 +28,7 @@
 			}
 
 			ctx.putImageData(imageData, 0, 0);
-		}());
+		}
 
 		return () => {
 			cancelAnimationFrame(frame);