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/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>...

Bersaelor

2/13/2023

How do y'all handle mobile phones in landscape for mediaquery breakpoints

So, we'm using suid/mui that has builtin-breakpoints, so we can do: ``` const ActiveDotPopup = styled(Box)(({ theme }) => ({ // .. basic css...

musiclover

2/11/2023

Accessing child element size from parent.

I'm trying to use createElementSize from primitives. Problem is, It seems it doesn't wait until child is rendered. My page goes blank with error. How to get child element's size properly?...

Grahf

2/11/2023

Fetching data in root.jsx

I have solidStart connected to a local postgre database. I can fetch data from it in files in the "routes" folder using createServerData$ and useRouteData. But that doesn't work in root.jsx. I was hoping to populate a navbar with items from the database. Maybe there is another way to show a component on every route(in this case the nav bar) that can also useRouteData? Or maybe I need to setup an API route to fetch data fro root.jsx?...

Michael P. Jung

2/11/2023

Testing code without a render function

I was writing some utility functions using SolidJS primitives and ran into the issue that memos don't update. This is the minimal vitest where I could reproduce the issue: ```ts test('memo', () => { createRoot(() => { const [signal, setSignal] = createSignal(false)...

harrybilney

2/11/2023

Solid-Start w/ Firebase

Hey all, Looking for any sort of documentation or wrapper for firebase with solid-start. Mainly using the auth and firestore sdks. Theres seems to be a lot for normal solidjs but not solid-start...

Revxrsal

2/10/2023

peer dependency error when creating a new SolidStart project

created a new project, received this. not sure if i should worry or not

Raqueebuddin Aziz

2/10/2023

api route errors not being logged and the dev server just stops

Torx

2/10/2023

How to preserve reactivity in a multilevel object stored in a nanostore map ?

Hello, I'm trying to create a simple cart store using the nanostores library (https://github.com/nanostores/solid), the data looks like this : ```js...

nikiv.dev

2/10/2023

Don't fully understand solid's reactivity, help understand with a case

I have this repo https://github.com/Kisuyo/todo I created a component: https://github.com/Kisuyo/todo/blob/master/src/components/HamburgerMenu.tsx I also created a route with a signal: https://github.com/Kisuyo/todo/blob/master/src/routes/index.tsx#L22...

Bersaelor

2/9/2023

onKeyPress event

Hello there, I'm trying to capture key-presses to make a gallery go left/right with the arrow keys. In react I would do: ``` <div tabIndex="0" onKeyPress={(e) => console.log("onKeyPress: ", e)}></div>...

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.