From b5d288a0be33e7fe4b6dd0135185decb7cd97f33 Mon Sep 17 00:00:00 2001
From: Freddie <45042736+fredericoo@users.noreply.github.com>
Date: Thu, 20 Apr 2023 09:33:49 +0100
Subject: [PATCH] docs: use createResource instead of signal+effect
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace bad practice way of fetching data. Ideally It’d be a solidstart `server$` function, but for solid this is the way.
---
 .../getting-started/quickstarts/solidjs.mdx    | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/apps/docs/pages/guides/getting-started/quickstarts/solidjs.mdx b/apps/docs/pages/guides/getting-started/quickstarts/solidjs.mdx
index d72aa4da959..aa72e8d7461 100644
--- a/apps/docs/pages/guides/getting-started/quickstarts/solidjs.mdx
+++ b/apps/docs/pages/guides/getting-started/quickstarts/solidjs.mdx
@@ -87,21 +87,17 @@ export const meta = {
 
       ```jsx src/App.jsx
         import { createClient } from "@supabase/supabase-js";
-        import { createEffect, createSignal, For } from "solid-js";
+        import { createResource, For } from "solid-js";
 
         const supabase = createClient('https://<project>.supabase.co', '<your-anon-key>');
 
+        async function getCountries() {
+          const { data } = await supabase.from("countries").select();
+          setCountries(data);
+        }
+      
         function App() {
-          const [countries, setCountries] = createSignal();
-
-          createEffect(() => {
-            getCountries();
-          });
-
-          async function getCountries() {
-            const { data } = await supabase.from("countries").select();
-            setCountries(data);
-          }
+          const [countries] = createResource(getCountries);         
 
           return (
             <ul>