SolidJS

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

SolidJS

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

10/15/2023

Set Initial Route using @solidjs/router

Hello, I have a simple Router setup with 3 routes/tabs inside my Main component ``` <Routes> <Route path={'/1'} component={Tab1}></Route>...

soyelseba_

10/14/2023

Is it a good idea to make a real time chat app with SolidStart + ASP.NET?

Hi. Me and a friend are making a real time chat app with solidjs and c#, first we tried with @microsoft/signal-r but we failed making the connection to the front end. My question is, is it a good idea? can it be made? there are other smarter solutions? We wanna make solid+c# possible cause we want to centralize any backend to the c# project that my friend has.

robert_

10/14/2023

Provider context isn't being executed on SSR website before child component?

Hi, I'm working on a website for work and I'm attempting to insert a provider as the parent of a child page in InertiaJS, Welcome.tsx...

harrybilney

10/14/2023

Correct method for passing form data between pages

Feeling like this is a super simple thing to do, I just cant figure it out from the docs. I have a form that then once submitted needs to do two things, submit to a mysql db (this bit is working), and secondly show the submitted values on the screen. I currently have a route action that gets all the form data once submitted, however I'm unsure how to send this to the completed page. I've tried url params but only seem to be able to grab one param, not all 4 that I have.

navi.ToTskie

10/13/2023

solid-primitive/pagination

can somebody explain this?. here is the code of initiaze pagination. const [paginationProps, page] = createPagination({ pages: Math.ceil(props.row/20) >=3? Math.ceil(props.row/20):4,initialPage:1,maxPages:Math.ceil(props.row/20) <=3? Math.ceil(props.row/20):4});

TheOinkinator

10/12/2023

Is it possible to have a route rerender only a portion of the page with Solid Start

As stated above I want to set up a page where sub routes rather than reloading the entire page just rerender a portion of a for loop so for example: /home/start/example will be a page that has a for loop returning <example>...

navi.ToTskie

10/12/2023

console.log asynch function delay the actual value

why console.log asynch function delay the actual value? . if no console.log i get the actual value. example if with console.log i click first to id=100 then input value is undifined next if i click to id=101 the value of input is the last value which is 100

Delvis

10/12/2023

How to get previous route as search params?

I tried <A> getting href before navigating from current path or route getting previous route from window. History, but I didn't get either approach working

deluksic

10/12/2023

Nesting startTransition calls arbitrarily

Can I nest startTransition(() => { setState(); startTransition(() => setState()) }) calls arbitrarily? In the last few days I've been playing with transitions a lot. I'm pretty sure it is ok, as it worked in a few examples I tried. Does anyone know for sure? Reasons to do this could be multiple, but sometimes code reuse can do this to you....

manan

10/12/2023

Issue with playground console errors on firefox

Hi, I was using the playground on firefox when I noticed that errors are not being displayed in the console. Only the text '@blob' is shown in place of the error. I get the same behaviour when using firefox in safemode. This works fine with Brave browser (chromium) on the same system. Images are attached that show the behaviour.

Dog

10/11/2023

Anyone using solid-social with solid-markdown?

I'm trying to figure out how to get solid-social to work with solid-markdown, if anyone is using both and could help it'd be much appreciated. I have tried: ``` import SolidMarkdown from "solid-markdown";...

navi.ToTskie

10/11/2023

help

I have a onclick props, why <for each> doesnt display the record?

vik

10/11/2023

How to array.filter Signal with array and pass down as Signal

I have a component: ```ts export function ComboBox({ options,...

navi.ToTskie

10/11/2023

can anyone give me a scenario in when to use createresouce : refetch and mutation

i believe i my example on the picture that it should be refetch but it had error then when i try mutation it fixed

Mezuzza

10/10/2023

How can you return early from a server action

Hey Folks, I want to return early from a server action but also continue to do some work in the background before sending a another response. Is this possible with server actions? I'm currently switching out my server actions for a Websocket for this reason, but it feels a bit heavy compared to server actions....

robert_

10/10/2023

SVG interface for typescript?

Hi, Does Solid have an SVGAttributes (or similar) interface for use with typescript SVG components? I can't seem to find any in the github repository...

eponymous

10/9/2023

Is it possible to make two separate SolidJS 'apps' work on the same page?

I have a page running SolidJS and I'm trying to get another SolidJS 'app' to render on the same page within a specific element. However, I notice that the second instance only runs when I remove the first instance. Is there any way to make this work?...

eformx

10/9/2023

I looked at Vite but there is nothing on there site on how to install it? what are the steps?

I have vscode and were unble to install the vite templates as per the docs 'npx degit solidjs/templates/js my-app' A step by step tutorial should include steps to get started or in my case you can't. How to get started?

zimo

10/9/2023

Use :before and :after inline?

Any way to use pseudo-classes in Solid without a separate css file?

akerbeltz

10/9/2023

Persist routes between reloads with @solidjs/router

It's strange but for some reason when i do a reload ( with an f5 for example), the direction changes to the root direction. Before, in other apps it persisted the route direction. Any ideas of what it can be?

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.