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

KokoNeot

1/2/2023

How to pass classes to custom component

Hi, lets say I have this example component ```jsx function Content(props) {...

Braveheart

1/2/2023

Docs for debugging Solid Start

what is the node inspect entry file to debug your SS backend?

Bersaelor

1/2/2023

Has anyone gotten AWS Amplify to work with Solid.js?

I've been relying on the Cognito Hosten UI, AWS provides, and I can start the correct sign up UI and will be redirected back to my Solid.js site. Unfortunately neither using the code myself nor using the AWS Amplify library to handle the code worked. In the react apps I used previously, I used the withAuthenticator HOC provided by 'aws-amplify-react'...

apollo79

1/2/2023

Solid Start run createServerData$ once

Is there a way to run createServerData$ only once?

Revxrsal

1/2/2023

click outside directive in typescript

o/ i'm trying to implement https://www.solidjs.com/tutorial/bindings_directives?solved but in typescript. not sure what to fill types in (other than any). any idea?

musiclover

1/1/2023

How to use IndexedDB in Solid?

I can't see solid-primitives. How to use it?...

ish

1/1/2023

Signals inside Bootstrap Modal

I'm using Solid-Bootstrap and putting a tabs inside a modal, however, signals used inside the JSX in the modal don't get re-rendered when they are changed. If I move the signal outside of my modal content, I do see updating the signal causes re-render in parent components, just not the modal content. If I close and re-open the modal, its re-rendered with the updated values in the signals. Any ideas? Thanks!...

Mr Void

1/1/2023

modify state by `produce` vs directly

what is the difference between: ```js const addTodo = (text) => { setTodos([...todos, { id: ++todoId, text, completed: false }]); }...

musiclover

12/31/2022

How to split codes in store to multiple files?

I have a huge store. And, I would have many createEffect at each value in store. I want to split to seperate files like this. Does this work?...

RATIU5

12/31/2022

Small preload script after document load but before page load

I'm trying to port the theme toggle from tailwindcss.com to Solid.js. I'm getting stuck at this part. The following script: ```js try { if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) { document.documentElement.classList.add("dark");...

musiclover

12/31/2022

Creating custom signal.

I just made a simple custom signal. But is this still reactive? I know there is createMutable. but it seems it's discourage to use. So Can I use my own like this?...

jesseb34r

12/30/2022

How does height of the body work in Solid Playground?

This may just be a lack of understanding of CSS but in my defense, CSS is hard. Here is the link to the component I'm prototyping in the playground: https://playground.solidjs.com/anonymous/962a237f-cfbd-4a77-bc7f-f2034bdbd5fa. What I'm wondering is why my Open Modal button is centered on the height of the window without considering the console whereas the actual modal is centered in the viewable space accounting for the console. The button is centered in a flexc container with a height of 100vh whereas the modal is centered with position: absolute, top: '50%', left: '50%', transform: 'translate(-50%, -50%)'. Is this a specific behavior of the solid playground or is this a CSS specific thing with heights that I don't understand?...

musiclover

12/30/2022

Is solid-realworld example really real world?

I'm trying to follow the pattern solid-realworld uses. But the state management is really confusing me. Other made a same question like me. https://github.com/solidjs/solid-realworld/issues/20 It's even not typescript. Where can I see true real world example?...

Robin Lindner

12/30/2022

Theme management with Solid

I would like to have a Dark and Light Mode on my page. For this I use Solid in combination with Astro. ```html <html>  <body>...

musiclover

12/30/2022

Will we see solid-native?

I really love Solid. I want to make iOS / Android / Desktop app using solid.....

musiclover

12/30/2022

How to clear solid-primitives's storage?

I'm trying to use solid primitives's storage. How to clear localStorage ? I know can call window.localStorage.clear () But it's not reactive....

KokoNeot

12/29/2022

useSearchParams not working

Even though there is ?hey=hey search param, the proxy object is empty

Grahf

12/29/2022

stop and then restart makeIntersectionObserver on window height change

I'm switching from the Javascript intersectionObserver to solid's primitive for it because someone mentioned I shouldn't be using imperative code in a declarative framework like solid 🙂 Before I was using
`elements.forEach((element) =>...

Braveheart

12/29/2022

Access dynamic route params in components outside of the FileRouter

In this structure: ``` <Body class="h-full bg-slate-900 text-slate-300"> <ErrorBoundary>...

KokoNeot

12/29/2022

classList not working on icons svg

```js import { IoCloseOutline } from 'solid-icons/io' <li class="text-dark flex items-center border-2 rounded-full w-auto">...

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.