SolidJS

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

SolidJS

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

5/3/2023

Outside a createRoot error when multiple signals in a prop?

Can someone clever give me a quick rundown as to why button 1 generates a warning? Doesn't it just evaluate to boolean anyways? https://playground.solidjs.com/anonymous/d5fe0e41-701e-4360-b991-867f9e57811f...

lars

5/1/2023

parent route with redirect (solid-router)?

is there a way to define a parent route that redirects to a child route? eg. say with the below route config, is there a way to set up a redirect from /home -> /home/browse? ```jsx <Route path="/home" component={Home}>...

nikiv.dev

5/1/2023

Why do keyframes not work in <styled> in SolidJS

I have loader component: https://github.com/nikitavoloboev/kuskus/blob/main/src/components/Loader.tsx

Vexcited

5/1/2023

Title of page not updating

So the thing is that I use SolidStart with CSR mode (w/index.html so vite-plugin-pwa detects it) On development, Title is working. On production, it doesn't. ...

Song

4/30/2023

how to`createStore` and using `createEffect` to persist without warning

I want to create a function to persist the store to the localstorage, everything works, but it warns that computations created outside a createRoot or render will never be disposed. I have tried to move createEffect outside onMounted, but it even warn twice. Additionally, moving onMounted inside provider makes persist break. No help using ChatGPT🥲. Does anyone know how to solve it? here is my code ```ts export function persistStore< T extends object = {}, R extends ActionReturn = {}>( name: string,...

Tommypop

4/29/2023

Google Oauth in Solid: Best Practices

Hi, I've got a solid start project with an actix web backend. What's the recommended approach for implementing google oauth so that I can get the google user id to the actix backend so that I can store data against it, and is there a library for this that doesn't entirely leverage solid start's server for session storage, as I'd ideally like to handle that in my actix backend? I know I can use google identity directly, and then get and send a google id token to the server, which I can then verif...

jwueller

4/29/2023

Dealing with null checks on resources

I'm trying to convert an app from Next.js to SolidStart to have a side-by-side comparison, but I'm encountering some weirdness when dealing with certain "expected error" states, like resources not being found. I have a blog with tagged articles. In Next, I would just do something like this in my component: ```tsx const tag = await findTagBySlug(params.slug);...

DaOfficialWizard🧙

4/28/2023

SolidJS failing all of a sudden

Hello, ive been working on a project recently, took a break to work on something else. Came back today (having changed nothing) and my project no longer functions. Even though it worked as intended just a week ago. Seems to be an issue with the router....

dmayo2

4/28/2023

sibling function triggering

I've been beating my head against the wall and I'm looking for another suggestion. In sidebar.jsx I have a list of names from a database. In a sibling comonent, main.jsx, I can rename that name in the database. User clicks name in sidebar, it loads in main's form to rename and submit to database. I can't seem to get the function that retrieves the list of names from the database to fire when the new name is submitted in main, and updates in the database. ...

CaptainDaylight

4/27/2023

Losing Reactivity When I Import Solid Component in Lib

I made a reproduction of a problem I'm having when I import components as a lib from another package in my monorepo. https://github.com/captDaylight/solid-web-component/tree/main There are two packages, app and solid-components . I'm trying to import the latter (which has two components Counter and Dialog) into app. ...

Kova

4/27/2023

Importing use:form declaration for Felte

I created a .d.ts file that looks like this: ``` declare module "solid-js" { namespace JSX { interface Directives {...

nikiv.dev

4/26/2023

Need help setting up sync of signals backed by GraphQL, details in a thread

code: https://github.com/nikitavoloboev/kuskus

Ostof

4/26/2023

Solidstart + CF Durable Objects in one Project

I have seen the with-Websockets example, although I’m still trying to understand it. But since it is using Cloudflare’s Durable Objects I’d like to know if is possible to develop a Solidstart app + CF DO’s in one project and deployment. Has anyone tried this or are there examples?...

akerbeltz

4/26/2023

CreateLocalStorage hook problem with reactivity

I'm trying to make a custom hook that exposes a signal and uses the LocalStore of the browser. ``` import { Signal, createSignal } from "solid-js"; ...

Ghirigoro

4/26/2023

Is there a way to untrack store reads?

The title says it all... I can see how to untrack signal reads but can't find similar functionality for store properties. Am I misunderstanding how stores work? Not reading the docs properly?

FjordWarden

4/25/2023

Abort resource

I am building some full text search input field and got the basic thing working. Next I want to add support to abort the previous fetch request because they can take a while and currently they build up with every token I type. This is my current attempt at a solution, but it has a problems. I never finishes the any fetch because it is aborted in the effect at the same time the resource runs. ...

PureSoul

4/25/2023

Cant Change Store with unwrap

when I first unwrap the store and then I set the value its not updated: reproducible example: https://playground.solidjs.com/anonymous/650e10ae-8881-43d4-b1ff-7478e1a1c894

Song

4/25/2023

TypeError when using `createResource` in vitest

I'm new to Solidjs, and I'm learing how to test functions in vitest, it cause the error TypeError: Cannot read properties of undefined (reading 'id'), does anyone know how to solve it? there is no solution when asking ChatGPT🥲 ```ts describe('test createResource', () => { test('res', async () => { const [num, setNum] = createSignal(1)...

Filip

4/24/2023

Vite app with Solid and React files simultaneously

I'm using a Laravel app in which i have several Solid components that I used in my traditional server side templates. I use Vite for bundling and transpiling these components with vite-plugin-solid and it worked fine until i added React and its Vite plugin (@vitejs/plugin-react) as I also plan to use React as my main "templating engine" with some Solid components sprinkled (e.g. with https://github.com/Sawtaytoes/reactjs-solidjs-bridge package). My guess is that Vite gets confused and either uses Solid to compile React's JSX or vice versa. Is there a way i can tell Vite some files use Solid's flavor of JSX and the rest use React's? Just like I'm telling TypeScript I'm using Solid's JSX in Solid component files by using @jsxImportSource pragma....

Ghirigoro

4/24/2023

Solid JS to mixins or HOCs

I've got a situation where I'd like to create a component that modifies a specific type of child component. In React I would do this using a 'render props' function or a HOC. Is there an equivalent in SolidJS?...

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.