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

Tommypop

1/19/2023

Value returned from routeData is undefined

The value returned from routeData isn't defined, even after waiting before accessing

Raqueebuddin Aziz

1/19/2023

is there an isServer signal or boolean?

I need to ssr a loading state always from the server as the actual data is in users localStorage so ssring not found state doesn't make much sense. Thanks...

Asuno

1/19/2023

Lexical (or another)

Hi, I tried to make a poc with Lexical again. Did you also have a bug that blocks the delete? Or did I do something wrong? (my goal is to do like discord, everything is displayed with only a visual improvement)...

avant

1/18/2023

Forward props

How to forward props from parent to children without losing reactivity?

Sarguel

1/18/2023

class string interpolation with tailwind

Hello, I'm not sure that my issue is relevant to solid or to vite tailwind in general. When using string interpolation to create a css class it does not get imported if the interpolation only concern part of the class name. i.e. ...

avant

1/17/2023

useReducer in Solid, but how

I want to use something close to useReducer in Solid, doesn't have to be the same thing, but like that pattern I want to put all that logic away and use dispatchers what should I do...

Shonty

1/17/2023

Trigger createEffect when createSignal has been changed for the same value

Hi, is it possible to trigger an effect when the signal has been changed for the same value ?

D0Z

1/17/2023

updating nested object not triggering update

Heya I'm fairly new to SolidJS (You might have already seen some of my previous post of me strugglin' :D) I'm trying to update the state of a nested object in a store but it doesn't seem to trigger an update on my component. here is the method I use to update (it's declared in a context provider) ...

nampham2502

1/17/2023

Build timeout with Gitlab Runner

Hello team, I have a problem with building a SolidStart application with Gitlab Runner. I hope someone can help 🥹 Problem: it's timeout when using Gitlab Runner (1st photo). The job takes more than 1 hour and is automatically canceled. Context: - Last week, it worked database1orange

but not for now. I think some dependencies are updated and have bugs bug1purple

. I tried to use a fixed version of dependencies as last week & my laptop (2nd photo) but still did not work....

romanobro

1/16/2023

Solid newbie

I apologize, for this is really a noob question but i have been stumped for a bit, so i guess i'll ask: How do you separate backend and frontend functions in solid? All tutorials and resources I have seen are frontend only or use backend as a service for their apps. I would like to use node.js to build an app. Is this usually done with HTTP requests? Am I missing the point of solidjs? I like the ease of use and speed that comes with solid as someone who wrote their first app with plain javascript and express, but it seems the lines have been blurred now that I want to use a framework....

Tommypop

1/16/2023

UI isn't updating properly depending on the context provider's state

hi, my UI isn't updating properly depending on the context provider's state

nikiv.dev

1/16/2023

How to do nested <For

I have a signal that is array of arrays ```js const [grid, setGrid] = createSignal([ [1, 1, 1, 1, 1, 1, 1, 1],...

Katja (katywings)

1/16/2023

Is there a way to make an iframe reactively render with state/signals from its parent?

Stuff that I tried: - Set state/setState in the iframe.window.someGlobal and access it in the iframe from there - Wrap createState in createRoot - Render the iframe solid app with runWithOwner with the owner of the parent app ...

nikiv.dev

1/16/2023

how can I use createEffect so it doesn't rerun when certain signals change

my code: https://github.com/nikitavoloboev/test/blob/main/solid-start/src/routes/snake.tsx

Martnart

1/16/2023

Forward reference a Component's state in Template

I try to wrap a Trigger and a Display component in a state managing component like so ``` export function Wrapper(props) { const [state, setState] = createSignal(false)...

foolswisdom

1/16/2023

Child component cannot access context that the parent can access?

I have a file like this: ```tsx import { useLexicalComposerContext } from "./LexicalComposerContext"; import { useLexicalEditable } from "./useLexicalEditable"; import { useCanShowPlaceholder } from "./shared/useCanShowPlaceholder";...

gsoutz

1/15/2023

How do I scroll to bottom, on a scrollable content that displays a Show when

<div ref={$content} Show when={signal()} ``` createEffect(() => { set_signal(true)...

FutureLights

1/15/2023

Solid JS force rerender on signal change

I need to force Solid JS to make changes to the DOM every time a signal changes. Currently it seems that it is batched, probably for performance reasons. I can get around this by wrapping my second signal change in a setTimeout, but I want to make sure I am not implementing a hacky solution. For example, could I reliably get away with using a requestAnimationFrame or is there some Solid JS provided function that I missed? Here is a code snippet that demonstrates the problem and the timeout fix. If you remove the setTimeout, you will see no change. ```...

Pridgey

1/15/2023

Subscribe to data in solid-start

I'm using Supabase with solid-start. I'm pulling data from the postgres db using createServerData$ function. I'm hoping to have this page subscribe to the data and update if another user inserts data to the postgres table. Are there any patterns to handle this using solid-start? I'm not sure how to subscribe in an SSR setting....

Razboy20

1/15/2023

Generate random numbers serverside and don't regenerate on hydration

I'm trying to generate a list of random numbers for a skeleton loader, and I've found a solution, but it does not feel like the right way to do this. ```tsx const [randomsResource] = createResource(() => [""], { initialValue: [...

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.