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

Peter

3/23/2024

How to create a wrapper for SolidJS's setStore in TypeScript?

I have a SolidJS store defined:

const [store, setStore] = createStore<SomeComplexType>();

const [store, setStore] = createStore<SomeComplexType>();

I need to run some code before every execution of setStore, so I would like to wrap it with my own function. Is there a way to do that, that preserves all types and all overloads?...

caseybaggz

3/22/2024

submit form without reloading

Hello! I have come across a few situations where I want to use the actions but don't want it to trigger a reload of the route for client side purposes - but I can't seem to figure it out now that Solid Router overwrites the native form element. I'm not using SolidStart - just vanila Solid/Router with Tauri. In alpha SS it was pretty easy due to the invalidate helper but I'm finding it pretty hard in the README to figure out a similar functionality? Is this to be expected and now if you want to use native forms - you are forced into the server-like route reload with using actions? Just trying to understand the new flow of things?...

fm@bi

3/21/2024

setStore with partial application

Hello, I've recently started using createStore a bit and have a question (coming from a functional programming background). I have a setup that is basically a store of an object containing an array, and I want to pass a setter for the array specifically to a child component. Consider this snippet: ``` type MySubType = {...

haayehenricus

3/21/2024

Set cookie from a resource

If I'm using a createResource function that is calling an api which is returning a set-cookie header how can i add the cookies to the browser if the cookie container httponly

haayehenricus

3/21/2024

Trouble creating an Ory based login

Hey there, I'm triing to build a Login with ory and solid start but I'm really getting trouble doing all those cookie things. The Steps: ...

sh1man

3/20/2024

how do you usually convert a form field from string to number on rpc servershould i use valibot to

helps pls

Dikiy

3/20/2024

when changing a dynamic variable that contains json <For> will not be re-rendered

I have a variable createsignal and it contains json and during actions on the page it receives data from the server and through the <For> element it should be displayed every time the variable is changed but it doesn't work what to do?

gitinit

3/19/2024

HMR briefly updates before reverting in docker container.

I'm trying to setup a devcontainer but I'm having one really weird issue. When I make a change the app will briefly reflect the change before reverting. I have attached a gif showing this behavior. Below are my docker and solidstart configs. The browser logs are empty and as you can see there isn't anything in the server logs that can't be gleamed from the behavior. Any idea on how to fix this issue or any thoughts on what I should do next troubleshooting wise? Notes: ...

ap32

3/19/2024

Hmr doesn't work with custom port

Everything works fine when I use default hmr settings. But it stops working when I configure the port. ```ts import { defineConfig } from "@solidjs/start/config"; import UnoCSS from "unocss/vite"; ...

max

3/19/2024

Mutate data for optimistic updates with createAsync

When using createResource you can use the mutate() function to update the value directly for optimistic updates. Is there a way to do this when using createAsync? For example in this example, I'd like to optimistically update the name() before I call my api function to update it....

gsoutz

3/18/2024

I've shot myself in the foot again.

Help. I don't know what signal is causing which effect or why they are triggered thrice on each change.

markus

3/18/2024

CreateResource does not update as expected

I'm new to Solid, please forgive me if that is a total dummy question. I'm using solid router and I have this code: ```jsx...

ap32

3/18/2024

How to add babel plugin into new configuration?

Some time ago i created small code transformer using babel https://github.com/ap32/sample-site-finsweet-cft-12/blob/main/macro/join/index.ts#L21 I made it for simpler multiline classes editing (tailwind, unocss). $join('foo', 'bar') will become foo bar, $join(a, b, ...c) will become ${a} ${b} ${[...c].join(' ')} and so on. I was able to add it like that https://github.com/ap32/sample-site-finsweet-cft-12/blob/main/vite.config.ts#L20, but i don't know how to do that in new configuration. Another question, will you still use babel for https://github.com/ryansolid/dom-expressions in the future?...

Yisacc - Full Stack Dev

3/18/2024

Cannot find module

When running unit test am facing this error

Error: Cannot find module '.../node_modules/.pnpm/@solidjs+router@0.8.4_solid-js@1.8.5/node_modules/@solidjs/router/dist/integration' imported from /node_modules/.pnpm/@solidjs+router@0.8.4_solid-js@1.8.5/node_modules/@solidjs/router/dist/routing.js

Error: Cannot find module '.../node_modules/.pnpm/@solidjs+router@0.8.4_solid-js@1.8.5/node_modules/@solidjs/router/dist/integration' imported from /node_modules/.pnpm/@solidjs+router@0.8.4_solid-js@1.8.5/node_modules/@solidjs/router/dist/routing.js

...

andahendriksen

3/18/2024

Bundle lazy load

Is it possible to bundle the lazy loads? So when I hit any route under /admin - all of the other admin route components also gets lazy loaded?

Mobs

3/18/2024

Set search params after navigate

Hi, how do I set search params after I navigate to a new path?

CremeDeLaKremlin

3/17/2024

How to destructure properly?

Hey community! I'm brand new to SolidJS so I apologize if this is a basic question. I'm trying to find a way to destructure props the SolidJS way. I've tried this a couple of different ways, and I seem to run into problems. My issue stems from a request that returns a bunch of nested data (GraphQL), and I'd like to break that data up into pieces. I'd like to change data that looks like this: data()?.user?.repositoriesContributedTo.nodes...

TheOinkinator

3/17/2024

CSS Modules not updating without page refresh

I just opened a new solid start app and began adding .module.css files. However, anytime I make an adjustment to the css in a module and save it all styling is wiped from the element on the page (despite vite triggering a reload) and I have to refresh the page in the browser for every change. Any idea what might be causing this? I have also tested a solid start project I created about five months ago and it is not having the same issue so it seems to be something that has changed in the default solid start app in the interm period File structure:...

Je Suis Un Ami

3/17/2024

Dynamic Route Being Called Twice

Okay, this is kind of weird. I am encountering a weird error in my islands/:id route (see image for file structure). This should be pretty straightforward. When you navigate to www.mysite.com/islands/some-id, it should load data based on the ID in the URL. Here is page code: ```ts export default function IslandPage() {...

Asuno

3/16/2024

Async Primitive

Hi I'm a bit stuck, you know that primitive is asynchronous and can be used in a following case. there's the createResource primitive, but I can't see how to use it properly, especially as I'd like to be able to put the files in indexedDB. ```js let images: Promise<{ items: ImageType[]; }> | undefined;...

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.