SolidJS

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

SolidJS

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

12/3/2022

Props

I read on the getting started tutorial that it's best practice not to destructure props object in the function assignment of a component as this will make the properties less reactive. I was wandering if it was ok to destructure the props object in the function body itself?...

Vexcited

12/3/2022

Rate limit SolidStart API routes

Hello! I was wondering how I can implement an API rate limit solution with the SolidStart API routes.

Homercat

12/3/2022

HMR of solid-element for Vite ?

Does anyone know how to make HMR works for solid-element when using vite? I found the doc at https://github.com/solidjs/solid/tree/main/packages/solid-element#hot-module-replacement-new it's only talks about webpack and parcel....

SilentRhetoric

12/3/2022

Import JS library via script tag

A JS SDK library I need to use recommends importing a browser bundle by adding a script tag to index.html: ```<script src="https://unpkg.com/algosdk@v1.23.2/dist/browser/algosdk.min.js" integrity="sha384-1gIB0FiLMNmJ7adAfBOdH20Mnw0DZarB9D3PTozUAhKn/uT9CpHdaSbBIpmZTgrU"...

musiclover

12/3/2022

Where are real word example using SolidJS?

Can someone tell me famous apps using SolidJS ? I would like to see their codes in github.

bigmistqke

12/2/2022

storing a function inside a store

is it currently possible to store a function inside a store? it seems like they are being called immediately when I enter them in a store atm. ``` const [state, setState] = createStore<{ test?: () => number }>({ test: undefined,...

musiclover

12/2/2022

How to add child component to component?

How to do it like... <MyComponent> <ChildComponent />...

Aspy

12/2/2022

Template seems to have an issue.

I created a new repo and filled it using pnpx degit solidjs/templates/js . --force and pnpm i and I get the error in jsconfig.json that the definition file for vite/client is missing I attempted to start the template anyway with pnpm serve and I just get Cannot GET / please ping if you have replies...

avant

12/1/2022

Handling forms

Is there a popular forms library between Solid js'ers? What do you guys use?...

musiclover

12/1/2022

Is this right store?

I made store which has multiple pages, and selectedPageIndex like this picture. I get selected page's value, and set selected page value like this. Is this correct?...

musiclover

12/1/2022

How to use createEffect with store?

I want to make createEffect when specific property is changed in store. I know how i can do it with createSignal. But how to do it with createStore?...

musiclover

12/1/2022

How to get previous value in createSignal's getter?

I have a signal like this. const [ get, set ] = createSignal (0) I know I can get previous value in setter....

CryptoCliveETH

11/30/2022

How to move these divs?

Hi there I'm new solid and somewhat new to programming as well. I have a question https://playground.solidjs.com/anonymous/8bf7649a-04f9-478d-be34-13d0a8e80e7a Basically the add button adds an element to the array signal which then gets looped over to make Ball components. The createEffect of the Ball positions the divs according to the props received. Now I'd like the move button to loop throught the array and change properties thus moving all the Ball divs. In react I could just add a dependency array to rerun useEffect everytime the props change. I'm not sure how to do this in solid...

pilcrow

11/30/2022

Is there a way to set cookies on page load?

Do I need to call and endpoint just to do that, or is there something I can do with routeData/createServerData? Even better, is there a middleware-like thing that can access the response? Would like to store functions inside request.locals (if that even exists).

CIA

11/30/2022

State management

Hello, solid newbie here. Do I have to share signals and stores using the context API, can't I just declare the store/signal outside of the components and just import them?

Grahf

11/30/2022

Is it possible to activate a derived signal with an unrelated signal?

So that const doubleCount = () => count() * 2; would activate if say the signal width() changed?

musiclover

11/29/2022

helper function like classNames?

https://www.npmjs.com/package/classnames I would like to see built-in classNames function like 'mergeProps'. Is there anything already?.. classList is not enough to mix static class & conditional stuff.....

davedbase

11/29/2022

Hello! Testing help forum!

Welcome community members! We're SO excited that this is finally available to our Soliders.

thetarnav

11/29/2022

pog (this is cool)

pog pog pog

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.