SolidJS

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

Join

SolidJS

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

Join

siduck

6/11/2023

My site no longer loads | updated all npm packages

the localhost keeps loading

shogun2077

6/10/2023

Iterating routes don't work

For some weird reason the code in this image doesn't work as expected

oneiro

6/10/2023

createResource as initial value with store

Hi, is there a way to combine the behaviour of createResource and createStore? What I essentially want to achieve, is to fetch a resource and populate a store with the data. But since doing something like this with createEffect I was wondering, what the best way to do this would be? Essentially the flow should be:...

Delvis

6/10/2023

Prpc and Suspense question

```js const Stats: ParentComponent = () => { const allStatsPersonal = allStats({ value: "all" }); return (...

oneiro

6/10/2023

Prefill Input with value from a fetch source - Best practice

Hey folks, I am currently trying to prefill an input field with saved user values. I have basically two things I would like to combine: ...

nzdeep

6/10/2023

Is there any scenario where batch wouldn't be fully synchronize?

In that once the call to batch(() => { }) completes all signals inside that have been set can be read . i.e. there is no setImmediate/setTimeout/queueMicrotask in the path?

Rafael Hengles

6/9/2023

how to avoid child component re-creation with For

I have a store that is a list of tuples: each tuple is like ["type as string", { item, props }]. One of these items contains a value that I want to change like a controlled input, with a 'value' and a 'setValue' prop. The problem is that when I call "setStore" to update the item value, the entire tuple is a new tuple with the changed value, it's not the same old tuple with the value mutated in place....

Sarguel

6/9/2023

Waiting for big component

Hello, I want to wait for a big synchronous component to render while rendering everything else around. After trying: ```tsx...

Mathieu

6/9/2023

Html elements have no space in between them

Say in a component I render the following:

  <span>foo</span>
  <A href="/url">link</A>

  <span>foo</span>
  <A href="/url">link</A>

...

romanobro

6/9/2023

using vanilla js with import?

I am playing around with ways to visualize data and I would like to be able to use vanilla js to do so. I understand that I could do things with onmount and other solid provided techniques but I thought it would be cool to try to import a js file. It did work, but it seems to have been "minified" or whatever happens when your code is built for production. The image provided is actually a whole javascript file that seems to have been stuck inside of index-05a...js , and it works as intended until...

Mr Void

6/9/2023

child-components not updating when parent state is modified.

Paragraph component: https://pastebin.com/raw/Y9tM6qgN Word component: https://pastebin.com/raw/zR6JCYbD...

Grahf

6/9/2023

I don't like refs

Not really a solidJS question but there are smart people here. If there's a rule against this I will remove this post. I am storing a bunch of refs in an array like this: <p ref={(el) => setRefs((p) => [...p, el])}...

Samual 🦢

6/8/2023

`ClientOnly` fallback

I found this code for a client that only runs on the client```ts function ClientOnly(props: { children: JSX.Element }) { const [ getRender, setRender ] = createSignal() onMount(() => setRender(() => props.children)) return getRender as any as JSX.Element...

phungleson

6/8/2023

Reactive in case of dynamic data

Hey peeps, I have an object where it can be any random json. Something like this, https://playground.solidjs.com/anonymous/8670f306-cea1-40d4-9a84-3dbc2caa305f It looks like Solid will lose the object reactivity when changing from array to object, vice versa....

Delvis

6/8/2023

Motion one with exitBeforeEnter doesnt do enter animation

So I have presence component with exitBeforeEnter but it doesnt animate the enter animation only the exit anim. The motion.div is not absolute if that matters. I can post some code later if it helps.

siduck

6/8/2023

The browser resolved template HTML does not match JSX input

Probably due to this i'm unable to click buttons in dev mode but it works in production mode

RONEN

6/7/2023

Cannot exclude an external package from server bundle file

Hello humans. It's been 2 days now that I am struggling with this issue of not being able to exclude @supabase/supabase-js and its dependancies from the final server.js file. I am using Cloudflare workers solid adapter. I've tried all possible combinations to mark the library as external with no luck. Here is my vite.ts file. ``` import solid from 'solid-start/vite' import { defineConfig } from 'vite'...

iNdra

6/7/2023

Which methods do you use for check user login or not?

May I know which methods do you use for check user login or not? Method 1 - Create server session and check database according session details. Method 2 - Use JWT to store in cookies and use that to check in database ...

Mathieu

6/6/2023

Solid Router and losing Contexts

When navigating to a route, I noticed I lose all the context values. I have to wrap the component (that needs to rendered for the route) again by all the context providers, and for every route. Is this normal? It seems awkward. (of course I can create some generic component that wraps the component to render for that route with all the context providers again, but is it normal in the first place that I lose the contexts? If so, how do you approach this?) ```tsx <Route path={translate('uri_select_login_auth_method')}...

Bersaelor

6/5/2023

required Textfield when presented in Safari 16.3 it'll show as `â€‰*

When I use a ```jsx <TextField label="your email" required...

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.