SolidJS

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

SolidJS

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

2/18/2023

Tailwind Not applying?

hello, I am creating a set of fake "note cards" to display with different colors. When I created one card with one color, it worked, but now I'm using onMount to create many notecards in a loop and the tailwind color style is not applying. The font color is though, so I am inclined to believe it has to do with the order of rendering and applying styles. Any tips?

hotshoe

2/18/2023

contextProvider using signal

Hi, noob question here -- just getting feet wet w/ SolidStart. Any help is appreciated!! Trying to create a context provider for setting theme, and prop is getting passed down but child comps not reacting. ```...

Kasper

2/18/2023

Guide for more complex usage of stores

Were can i find a more complex guid of how to use SolidJS stores. The example i wanted to do is to have a store of transactions, i will have a component to list all transactions, a component to create a new transaction with a parent page to contain it all. Down in the list component is a child component for each transaction. In the child component i can delete the given transaction, when this is done i would like to send a signal to the store that it needs to re-fetch the list of transactions, s...

Fabian Hiller

2/17/2023

Is it possible to create a `createCustomAction$`?

@nksaraf is it technically possible to create a custom createCustomAction$ function that builds on createServerAction$ or server$? This would allow library authors to keep the API simple, making the code more concise. Specifically, I would like to provide a SolidStart integration for my form library Modular Forms to enable the creation of progressively enhanced forms. Below is a code example. ```tsx...

bigmistqke

2/17/2023

filebased routing for 'regular' csr solidjs

since filebased routing is a vite-plugin and afaik it's isomorphic too, is it possible to set it up in a 'regular' client side rendered solidjs project?

hotshoe

2/17/2023

$server v. tRPC

Hello, I'm kicking the tires on solid start and it looks amazing! (been using svelte-kit for past couple months for a project, but decided to give solid-start a try before getting deep in). One noob question I have is being able to make rpc call by simply defining $server function is -- like I said -- A M A Z I N G !!! -- so, why are folks using tRPC? (unless to other server backend).

davedbase

2/16/2023

useBeforeLeave or similar for tracking route change in Start

I need to track route changes within Start. Solid Router comes with useBeforeLeave which I can use to track the page the user is moving to however Start doesn't export it. Is everyone else importing router directly in this case?

Raqueebuddin Aziz

2/16/2023

useParams doesn't auto decode URI component?

I am getting %20 instead of spaces in my app

Tur

2/16/2023

How to send data between different pages using Solid js?

Hello! I need to send user's phone number between 2 different pages. I know I could use a browser's Session Storage to do that but I'm not sure it is a good practice. Is there smth like VueX in vue.js or other ideas?

nikiv.dev

2/16/2023

How would I wrap over some p5.js code to create a solid component

I want to make confetti in Solid. I found this Codepen: https://codepen.io/Gthibaud/pen/ENzXbp I am thinking though how can I use it. Do I have to rewrite the js code to work for solid or can I wrap over p5.js somehow and put it inside my solid app? API wise I want to essentially create <Confetti /> and then have conditional render in one of the routes to render <Confetti /> for say 2 seconds after successful form submit....

phungleson

2/16/2023

onfocus or onFocus or onFocusIn?

It is probably not solid issue, but not sure which one to use. I upgraded latest solid-js and onFocus seems to be gone, not sure if it was even there before? I tried to use onFocusIn but it seem to work with playwright but not vitest i.e. fireEvent.focus?...

damon

2/16/2023

useMatch not updating?

Ive been stuck on this for quite some time, so I would appreciative some help 🙂

davedbase

2/15/2023

Strategies for not calling setters in effects

I'm helping train someone on the dos and donts of reactivity and I got stumped with a pretty basic question regarding calling setters in effects. Most of the time I'm able to design my reactivity to ensure I'm not calling a setter but there's one pattern that got me curious. Say I have a signal that exists at the root of the application. I want a child component deep down the tree to be able to temporarily effect that signal as an override. In my case when I display a modal I want the navigation elements on the page to be hidden then reappear when the modal is closed. This is basically what would seem like the only reasonable solution:...

lumenian

2/15/2023

Scrolling to id is not consistent

Clicking a <A href="/#some_id"> link does nothing if the current route already matches the link completely. Is there a way to fix this behavior, so clicking the link on the same page repeatedly would scroll the element into view?

KamehamehaNudel

2/15/2023

Refs cleanup when element unmounts

I would have thought the ref update back to "undefined" oncethe element unmounts the same way it updates when the element is created anew. Like is there a way that I can know based on the ref signal, that the element no longer actually exists? Playground:...

Tommypop

2/15/2023

Using routeData in context provider at root of page not working

When attempting to use a context provider at the root of the app, routeData doesn't work, and using createRouteData directly results in an error

Braveheart

2/15/2023

False positive: `Make sure your app is wrapped in a <Router />` , @solidjs/router 0:7:0 - in npm lib

I have a npm component ( <O_Header) that assumes a router is wrapping it, ie, uses <A> tags wrapping the app in a router: ```jsx /* @refresh reload */ import { render } from 'solid-js/web';...

Bersaelor

2/14/2023

Weird 404 errors in `undefined:12`

Recently, I have been getting a lot of errors like:

GET http://localhost:3000/assets/index-b543198f.js net::ERR_ABORTED 404 (Not Found)

GET http://localhost:3000/assets/index-b543198f.js net::ERR_ABORTED 404 (Not Found)

...

AesthetiCoder

2/14/2023

Dinamyc inline svg

hi everyone, good night i have a question, i am new whit solid js and i want to make a component that can render svg dynamically, these svg are in my public directory, so an example of this cloud be react-svgr, his library can import the svg an render as a component, the result is a inline svg and ou can change his props https://react-svgr.com I saw this method in react to import dinamically a svg, it is posible to make this in solidjs ? ...

goenning

2/13/2023

how to use useParams inside a ContextProvider

I have something like this ``` return ( <Router> <MyContextProvider>...

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.