SolidJS

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

SolidJS

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

4/8/2023

SolidAuthConfig type error

I'm setting up auth with NextAuth for the first time and ran into a type error when following the example on the solid start tutorial page of next auth. ```tsx import { SolidAuth, type SolidAuthConfig } from "@auth/solid-start"; import GitHub from "@auth/core/providers/github";...

arazorda

4/7/2023

How can I load external .js script on specific route?

Adding <Link> doesn't help. I can see it in DOM, but it never sends a request.

arazorda

4/7/2023

How can I access root data?

Which I’ve defined in root.data.ts

jesseb34r

4/6/2023

how to add function call into JSX

I have a component setup like ```tsx <GameRoot> <Zone id="players" /> <Zone id="battlefield" />...

eponymous

4/6/2023

Render HTML from string

I have a string containing HTML tags which I want to render as HTML. For example, this can be accomplished in Svelte with a special @html directive: https://svelte.dev/tutorial/html-tags. However, I don't see a similarly straightforward way to accomplish this in SolidJS. Am I missing something? Thanks!...

bigmistqke

4/6/2023

how to throttle effects

Is there a way to throttle effects? Naive approaches, like slapping the callback of a createEffect in a throttle-function, don't seem to work (I assume it has something to do with the fact that it's sort of async-y)?...

Max

4/6/2023

solid start typescript 4.9/5 satisfies operator

Hi, wondering is there anything that should be done to use satisfies operator on solid start, update some vite plugins or something? End up with Expected ";" but found "satisfies"' on build Just did on fresh npm init solid@latest ...

Boku 🜲

4/6/2023

Index block does not notice change in a store

for some reason, the loop does not notice the change in the store. i've tried with signal and got the same result. sc: https://pastebin.com/WANfg1Mp...

Samual 🦢

4/6/2023

how do I tell FileRoutes to look for a folder other than `routes`?

I have a solid start node instance handling multiple domains this means I need multiple <FileRoutes/> configured with different routes folders and then on request look at the domain and use the associated <FileRoutes/> for that domain...

Max

4/5/2023

Explicit Routing (opt out of file based)

Hi, wondering what the options for routing in solid-start are? I've seen around (for example https://start.solidjs.com/api/Outlet#rendering-the-matched-child-route-component-inside-a-layout-route-component) you can have a routes files, is this complimentary to file based routing, should they match somehow? Can routes be explicitly set (route=>component)? For some context, say for example I have many files that each export a Record of string and component, then I would like to create a route for each member of this record from each file ...

akerbeltz

4/5/2023

Adding eventListener in an onMount shows error in console

I created a form ref and added an event listener in a component with tsx ´´´ let formRef; . . . ...

akerbeltz

4/5/2023

refetch not changing the signal of the createResource

when trying to update the data of the signal of a resource it didn't update. I have the same issue with mutate. I'm missing something ?

MangoPig

4/4/2023

Stuck in 'rendering index.html' in solid-start build

Hello, when I run build in my project, it seems to be stuck on rendering index.html. Any possible reasons why that might have happened?

phungleson

4/4/2023

Handle union type in store

Hi peeps, I would like to store union type like this type Post = NewPost | DeletedPost; in a store. https://playground.solidjs.com/anonymous/7210c31b-5730-4e51-b875-3d8e2f36af4c...

CaptainDaylight

4/3/2023

Passing For Id between InputGroup and Input using children

I'm trying to pass create a JSX structure like: ``` <InputGroup label="Email" error="that's not an email"...

deluksic

4/3/2023

Are there any guarantees on the order of createMemo / createComputed execution when siblings?

This example suggests there are none: https://playground.solidjs.com/anonymous/32dc8fda-6b7d-40df-8c43-e511efaae863 is there any deeper discussion on this somewhere?

bigmistqke

4/3/2023

createMemo with `equals: false` not reactive when mutating reference

I am trying to prevent to create DOMMatrix with each calculation, so I thought to mutate 1 with createMemo(() => ..., {equals: false}), assuming it would trigger all subscriptions even when returning the same value (in this case the mutated DOMMatrix), but it doesn't as you can see: https://playground.solidjs.com/anonymous/1a137694-7267-439b-a7d3-8164a541e800 Anybody an idea how to approach this?...

nikiv.dev

4/3/2023

How to have an effect that does not subscribe to the signal's values?

I have this effect: https://github.com/nikitavoloboev/kuskus/blob/main/src/components/Page.tsx#L15 ```js createEffect(() => { if (event()?.key === "Backspace") {...

Samual 🦢

4/3/2023

multiple sites

does solid start support multiple sites (on different domains) but with one node instance? is there a way to tell vite to split the assets folder between the different sites? I'm reverse proxying through nginx in my setup...

hotshoe

4/2/2023

createResource mutations / page state

Hello, For I'm using createResource for my solid-start project for fetching post user can interact with (like, comment, delete, etc.), have in suspense boundary, and functionally works great, and lends itself very nicely to optimistic UI when using mutate in conjunction w/ latest. The problem is once refetch completes, the page state "flashes" and re-scrolls (depending on number of posts and where on screen when updated post). Any ideas how to address this issue?...

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.