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

romanobro

2/9/2023

show user data based on authorization?

Hello, I understand how I want to log users in and persist login state with localstorage but how would one show the data that is specific to them? Would every component have to render items based on a get request to the database?

thetarnav

2/9/2023

Check if the code runs in CSR or CSR + hydration

Is there a way to check if the code runs during hydration or just normal CSR, the same way you are able to check if you are on the server or clinet using isServer or export conditions? This is mostly about authoring libraries, where you want to run different logic depending on if the env is SSR / CRS / CRS + hydration. it's related to the issue here: https://github.com/solidjs-community/solid-primitives/issues/310...

Arvalaan

2/8/2023

createResource State gets updated without directly doing so

I have a createResource function which retrieves data from a database, in the same function, I'm extracting a set of data and calling setState for an already existing object called selectedTasks. ```javascript const [clients] = createResource(async () => { const { data: clients, error } = await supabaseClient(dblogic)...

Some Call Me Tim

2/8/2023

Simple SSR server redirect not working

I've found a few similar questions with auth redirects, and I thought I've ticked all the boxes, but I still can't get a server redirect happening as soon as there's an await. Everything works, response is logged properly, but the <div> still loads. As soon as I remove the fetch, the redirect works. I've tried with/without <Suspense>, reading/not reading the routeData, throwing or returning the redirect. To replicate, ...

Bersaelor

2/7/2023

Use breakpoints in suid `createTheme`

In Mui 5, we could do ``` let theme = createTheme() theme = createTheme(theme , { h5: {...

davedbase

2/7/2023

Deploying changes to SolidStart app then navigating the application throws strange error

Before I file this as an official issue or start nagging the rest of the team I want to make sure I'm not deploying or thinking about the issue incorrectly. Basically I'm deploying a SolidStart app on Cloudflare Workers, loading it on my browser, pushing a deploy and noticing that when I navigate between pages an error is thrown. I could be wrong but it seems to happen mostly with Outlets. When I navigate to a page with one, the application loads the nested chunked script that was compiled newly while the one currently cached in browser is older. Hence the child trips up and throws an error because the function it depends on no longer exists. So I see a lot of red errors as a result. How should I be deploying this to ensure that the function names between versions remain consistent and my deployments don't break? or is this a bug with Start's default config....

Bersaelor

2/7/2023

Why can't I access `useParams()` in `onClick`?

If I do ``` const handleClick = () => { console.log('useParams():', useParams()) // ......

Madaxen86

2/7/2023

Documentation example of context with typescript does not work

I copied the context example (CounterContext) from the docs to a solid start project. The first error I get is when I pass the store to the Context Provider value: "Type '({ count: any; } | { increment(): void; decrement(): void; })[]' is not assignable to type '({ count: number; } | { count?: undefined; })[]'". Then when I use the useContext example I get the following error "Property 'increment' does not exist on type '{ count: number; } | { count?: undefined; }'" (same for decrement) and when...

Tom

2/7/2023

Router and createRoot

I recently upgraded my app from the old solid-app-router to @solidjs/router. It looks like, where I used to be able to use regular <a> tags and have them handled client-side by the router, I now have to use the <A> component. Is that expected? This has lead to a problem with a component that's created outside of the normal render hierarchy using createRoot (necessary because t's a ProseMirror node-view). Links in that component are giving me an exception with the message Make sure your app is wrapped in a <Router />...

Razboy20

2/7/2023

CSS Transition does not get animated properly when applied in style={} directly

I have a navbar which I have animated (attached), however to achieve this effect I needed to go in a roundabout way. Basically, the transition needs to switch directions based on which path the user is navigating to, and the issue is that if I compute the transition in the style prop of the div, then the transition updates only after the transition has occurred, rather than influencing the transition. To solve this, I have an effect that sets the style programmatically before the signals are flushed, causing the transition to animate properly. ```tsx createEffect<number>((prevIndex) => {...

Jerry Hogan

2/6/2023

Route layout not define

What does this mean and how can i fix it. I am using storybook and i realize if there is an A tag in the component i get this error in my storybook.

gsoutz

2/4/2023

How do I create a tree view with minimum updates on updating a child node.

I wrote one but when I add one node or delete a node, it updates the whole tree from scratch.

nirtamir2

2/4/2023

Subscribe to any unknown store change

Hi. Is there a way to subscribe to a store change in unknown property? I have a store: ```tsx type StoreValue = Record<string, number>; ...

DaOfficialWizard🧙

2/4/2023

WebComponent Support

I am trying to use a WebComponent based package - so i tried: ```ts declare global { namespace JSX { interface IntrinsicElements {...

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.