SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

8/28/2024

solidstart with appwrite auth

I'm struggling with appwrite, I followed nextjs ssr tutorial but when i come to redirect for login page if the user isn't login, I can't do that. I also followed auth section in solidstart docs but it throws an error and not redirect Can u help me 🙏...

exercise

8/28/2024

why solidstart production build contains many references to source code?

this is client side code

Barschreck

8/28/2024

is there an interactive guide for Solid Start?

I found one for Solid itself but not for Solid Start

deathBringer

8/27/2024

cache function provided in 'solid-router' doesn't work properly when used with Promise.allSettled .

async function populateData(){ const [p1, p2] = await Promise.allSettled([getNewsList(), getAnnouncements()]) } const getNewsList = cache(async()=> await axiosCustom.get(/news))...

Misery

8/27/2024

Seemingly random hydration mismatches

Hello! I'm super new to solid js and web frameworks in general This is the code I use to check if a given server is online ```tsx <p class="col-start-2 row-start-1 text-right mr-3">Status: {...

agentsmith

8/27/2024

Aceternity UI components

I'm attempting to replicate the Sparkles component from https://ui.aceternity.com/components/sparkles. It uses @tsparticles, framer-motion (solid-motionone), and tailwind. I haven't been able to figure out the particles. I'm seeing some warning which are probably informative to someone who's familiar with SolidJS. ...

hannus

8/26/2024

Modifying Signals Returned by createAsync in SolidJS: Best Practices and Alternatives

In SolidJS (using the SolidStart framework), how can I modify the signal returned by createAsync? For example, in a scenario where I use createAsync to fetch data from an API and load it into an editor or textarea, then after making modifications, I want to save the updates via an Action by calling another API. The parameter passed to the Action would be the modified data based on what was initially fetched by createAsync. I checked the documentation but couldn’t find a way to modify the signal from createAsync. So I came up with two possible solutions: 1. Use createResource;...

TheKnightCoder

8/26/2024

"use server" working locally but not when deployed

why does this code not work when deployed but works locally in dev? removing "use server" makes it work but for some reason when its there my output is just "Signed in as" logs also do not show that getAuth is running ...

febri

8/26/2024

Signal lost its reactivity when passed into another function

https://playground.solidjs.com/anonymous/6a39493a-b845-463c-95d0-2dca4a8abbf5

jack

8/26/2024

useSubmission pending state resolves on url change?

i have some optimistic ui, with roughly the following structure: ``` view = "edit" | "read", based on searchParams data = fetch data from server editable = copy of data we can write to (what we render)...

Misery

8/26/2024

`ReferenceError: jQuery is not defined`

When I try to reload my page sometimes I get this error:

ReferenceError: jQuery is not defined

ReferenceError: jQuery is not defined

I also get this error in the console, but the error shows in the console all of the time whereas it sometimes shows up in the dom...

Borba

8/26/2024

Netlify + Web Component

Whats up?! I'm new to Solid + Netlify. I'm trying to import my Stencil Web Component via NPM Dependency into my Solid app. Everything works fine on DEV mode, but when I build it with the preset of Netlify and run it, the web component entry files are not being found: ...

jack

8/26/2024

does any sort of primitive similar to Show for non-jsx use exist?

i had Claude generate most of this function for me. wondering if there's a solution/pattern for this problem, as well as if this is a horrible idea and i'm missing some case as to why ```ts export function depends<T, U>( v: () => T | undefined,...

Nicolas

8/26/2024

Can't get fetch to work in server code

Hi all, I have a simple form and action like so: ``` import { action } from "@solidjs/router";...

jack

8/25/2024

use of cache causing page not to render at all on client nav

been struggling with this for like 2 hours and finally narrowed down that if any single cache() call exists in my file, my page just won't render it's content (at least on client) i have no idea why this is happening, and i'm not really sure at what point this began to happen. wondering if there are any common symptoms for this...

Industrial

8/25/2024

Using WASM in Solid(Start)

Hi. I have a SolidStart app that I'm running with Bun and what I want to do is embed WASM code into my solid app. https://github.com/Industrial/skeleton-nodejs/blob/main/applications/solid-app/src/test.ts This is an example of loading the WASM code (Haskell) and running a function. When I try to add that code to the https://github.com/Industrial/skeleton-nodejs/blob/main/applications/solid-app/src/app.tsx then I get the error:...

Joe Pea

8/25/2024

how to make SSG use dynamic client-side routing instead of full page refresh?

I tried pre-rendering with server.prerender.crawLinks = true in app.config.ts, but when I change pages, each page does a non-ideal full page refresh. I'm guessing this means solid-start doesn't have client-side routing in SSG mode?...

jack

8/25/2024

derived, but update-able, signal?

is it possible to have a piece of reactive code that can be updated directly, but is also tied to another piece of state? I have a list I fetch from server that is wrapped with createAsync. I want to use this to track server state, but then have a dup of that list that can be updated any number of times in the app. The user then hits save, and we update the list on server and revalidate I originally just tried a derived signal, but I can't directly update this. Then I was thinking of just making another signal and having it's initial value be a call to its initial value, but I'm not sure if this is a good thing to do...

Joe Pea

8/24/2024

how to change solid-start build `target`?

I tried this in app.config: ```js export default defineConfig({ extensions: ["mdx", "md"],...

TaQuanMinhLong

8/24/2024

Impossible to navigate to route that have any component using setSearchParams in createEffect

Hi, I know this seems not to be the right way to handle state, but could anyone take a look? https://stackblitz.com/edit/solidjs-templates-v8bqor?file=src%2Froutes%2Fother.tsx...

Previous Next

Gaming

Programming

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.