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

Zwel

4/4/2024

Range input doesn't work correctly with props value

``` import { Component } from 'solid-js' type RangeSliderProps = { minRange?: number...

iNdra

4/4/2024

How to work with SSR pages?

Normally, react JS frameworks render all DOM in page by using JS file. When do SSR, some HTML DOM already available in page. Then how to handle these DOM in client side with react JS frameworks like SolidJS? Consider SSR not doing by JS. If it is use JS, can use SolidStart. Example: Product page render in server side. It has many cards for products. Also, I would like to know how to pass data from server to client? ...

Tuzemec

4/3/2024

Context and HMR

Hi, I'm having a small issue with the combination of context consumer and HMR. Example here: https://stackblitz.com/edit/solidjs-templates-wf2avx?file=src%2FContextConsumer.tsx (The same happens locally too) ...

sponge

4/2/2024

Delegated custom events

Should delegated events work with custom events sent via HTMLElement dispatchEvent? The (new) docs mention:

For any other events, such as custom events or events you wish not to be delegated, the on: attribute will add an event listener as-is.

If you need to attach an event listener to an element that is not supported by Solid's event delegation, such as a custom event in a custom element, you can use the on:__ form....

Đăng Tú

4/2/2024

`createEffect` doesn't working in `input.addEventListener('change')`

Here is source link: https://gitlab.com/ndt-challenge/dev.to/1st/-/blob/main/Glam%20Up%20My%20Markup/form.js?ref_type=heads Here is demo link: https://ndt-challenge.gitlab.io/dev.to/1st/glam-up-my-markup/ The createEffect seems to work fine expect when I try to set signal inside the input change event. What should I do to debug this case? ...

Kasun

4/2/2024

Typescript auto completion is broken in a monorepo

Hi, i've setup solidjs inside a mono-repo which has a react app as well. it seems my auto completion is broken with solid project im using the general vite template and the react app is a nextjs app(no repos share any config here)...

Jess

4/2/2024

Ternary and Show have unequal output

In a basic Vite and Solid app, I have ```js const [page, setPage] = createSignal({ image: null, timer: null,...

sh1man

4/1/2024

websocket get peers on the server

can you show an example of how to get websocket peers on the server solistart

mrVinicius

4/1/2024

Router isn't working.

Why routing is not working when i'm following exactly what doc says. Doc: https://docs.solidjs.com/solid-router/getting-started/defining-routes ```...

Emmanuel

4/1/2024

Idiomatic way to handle API route errors

Hi folks, Consider the following API route, using Solid Start: ``` export async function GET() {...

Sudhagar

4/1/2024

"Cannot call server function outside of a request" in onRequest middlware hook

This doesn't happen all the time. But happens.

Eatham

4/1/2024

What do you recommend for drag and drop capabilities?

I am creating an app using tauri and solid for my frontend. And am wanting to have the ability to drag and drop between windows. Currently my best option is to use the HTML Drag and Drop API to transfer data across different pages (each window is a different site). The api is good for transfering data, but it doesn't look that good compared to what you get from DND libraries. The downside to those libraries is that you can't transfer data between sites (could be wrong).

ish

3/31/2024

Adding Auth to Solid-Start, need some pointers

First, sorry, this might be a little more generic than just Solid, but I've created my Solid Start app, and I want to add some social logins (github, google, mainly) for some user profile stuff and commenting. Where do I even start? I understand the session stuff enough, middleware, and could easily roll my own username/password auth. I'm more looking for pointers for adding oauth type services.. Is this where I want to maybe look at Firebase, or Supabase? Or Auth0? Thanks!...

☼𝕯𝖆𝖞𝖑𝖎𝖌𝖍𝖙☾

3/30/2024

Router brakes css

Code that works: ```js ...(index.tsx) const root = document.getElementById('root'); ...

eluded

3/30/2024

createShortcut callbacks fire even if a textinput has focus

I'm making a todo app which has vim motions for navigation. When I hit 'j' or 'k' i'd like these keys to jump to the next/prev todo item and select it. Currently this is implemented using createShortcut https://primitives.solidjs.community/package/keyboard#createShortcut from the keyboard primitive package. ```ts createShortcut(...

Fantasy

3/30/2024

Removing element from store array doesn't remove rendered items

Hi, i need help with this. I have a store that is shared in a context with some helper functions. I use the below function to add/remove tags (string array). ```js...

🎄 jolly proudparrot2

3/29/2024

<Index> with stores

Hello there, I'm building an application where I have a store defined in a separate non-component file which I have an array of objects being stored in there and being updated on a function. I'm mapping that store using <Index> using the setup below (openWindows is the store) ```tsx...

kaxa

3/29/2024

Can't find replace attribute on <Navigate />

This is basically my code, I am trying to check if the user is authenticated, if not then redirect to login page. ```js export const ProtectedRoute: ParentComponent = (props) => { const { authed } = useAuth(); ...

Starwort

3/29/2024

Solid-CLI won't create any project

When creating using node (either via npx or bunx) the CLI fails simply stating 'something went wrong' - when running under bun, zlib causes a crash and solid-cli reports the operation as cancelled

marcusbuffett

3/29/2024

createEffect is reactive, JSX isn't

``` export const SavedLineView = (props: { loading: Accessor<boolean> }) => { createEffect(() => { // This gets called with true, then false, the expected behavior console.log("What's the value here?", props.loading());...

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.