fix: Color picker lagging when switching between Jelly examples (#2340)

Author: aleksanderkatan

apps/typegpu-docs/src/components/ExampleView.tsx

@@ -1,6 +1,6 @@
 import cs from 'classnames';
 import { useAtom, useAtomValue, useSetAtom } from 'jotai';
-import { type RefObject, useEffect, useRef, useState } from 'react';
+import { type RefObject, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { currentSnackbarAtom } from '../utils/examples/currentSnackbarAtom.ts';
 import { codeEditorShownAtom, tsoverUsedAtom } from '../utils/examples/exampleViewStateAtoms.ts';
 import { ExecutionCancelledError } from '../utils/examples/errors.ts';
@@ -28,9 +28,10 @@ function useExample(
   const exampleRef = useRef<ExampleState | null>(null);
   const setExampleControlParams = useSetAtom(exampleControlsAtom);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     let cancelled = false;
     setSnackbarText(undefined);
+    setExampleControlParams([]);
 
     executeExample(tsImport)
       .then((example) => {

apps/typegpu-docs/src/examples/rendering/jelly-slider/meta.json

@@ -1,5 +1,5 @@
 {
-  "title": "Jelly slider",
+  "title": "Jelly Slider",
   "category": "rendering",
   "tags": ["interaction", "ray marching", "sdf", "ui"],
   "coolFactor": 10