SolidJS

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

SolidJS

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

4/5/2023

Explicit Routing (opt out of file based)

Hi, wondering what the options for routing in solid-start are? I've seen around (for example https://start.solidjs.com/api/Outlet#rendering-the-matched-child-route-component-inside-a-layout-route-component) you can have a routes files, is this complimentary to file based routing, should they match somehow? Can routes be explicitly set (route=>component)? For some context, say for example I have many files that each export a Record of string and component, then I would like to create a route for each member of this record from each file ...

akerbeltz

4/5/2023

Adding eventListener in an onMount shows error in console

I created a form ref and added an event listener in a component with tsx ´´´ let formRef; . . . ...

akerbeltz

4/5/2023

refetch not changing the signal of the createResource

when trying to update the data of the signal of a resource it didn't update. I have the same issue with mutate. I'm missing something ?

MangoPig

4/4/2023

Stuck in 'rendering index.html' in solid-start build

Hello, when I run build in my project, it seems to be stuck on rendering index.html. Any possible reasons why that might have happened?

phungleson

4/4/2023

Handle union type in store

Hi peeps, I would like to store union type like this type Post = NewPost | DeletedPost; in a store. https://playground.solidjs.com/anonymous/7210c31b-5730-4e51-b875-3d8e2f36af4c...

CaptainDaylight

4/3/2023

Passing For Id between InputGroup and Input using children

I'm trying to pass create a JSX structure like: ``` <InputGroup label="Email" error="that's not an email"...

deluksic

4/3/2023

Are there any guarantees on the order of createMemo / createComputed execution when siblings?

This example suggests there are none: https://playground.solidjs.com/anonymous/32dc8fda-6b7d-40df-8c43-e511efaae863 is there any deeper discussion on this somewhere?

bigmistqke

4/3/2023

createMemo with `equals: false` not reactive when mutating reference

I am trying to prevent to create DOMMatrix with each calculation, so I thought to mutate 1 with createMemo(() => ..., {equals: false}), assuming it would trigger all subscriptions even when returning the same value (in this case the mutated DOMMatrix), but it doesn't as you can see: https://playground.solidjs.com/anonymous/1a137694-7267-439b-a7d3-8164a541e800 Anybody an idea how to approach this?...

nikiv.dev

4/3/2023

How to have an effect that does not subscribe to the signal's values?

I have this effect: https://github.com/nikitavoloboev/kuskus/blob/main/src/components/Page.tsx#L15 ```js createEffect(() => { if (event()?.key === "Backspace") {...

Samual 🦢

4/3/2023

multiple sites

does solid start support multiple sites (on different domains) but with one node instance? is there a way to tell vite to split the assets folder between the different sites? I'm reverse proxying through nginx in my setup...

hotshoe

4/2/2023

createResource mutations / page state

Hello, For I'm using createResource for my solid-start project for fetching post user can interact with (like, comment, delete, etc.), have in suspense boundary, and functionally works great, and lends itself very nicely to optimistic UI when using mutate in conjunction w/ latest. The problem is once refetch completes, the page state "flashes" and re-scrolls (depending on number of posts and where on screen when updated post). Any ideas how to address this issue?...

nikiv.dev

4/2/2023

Why autofocus on input element not work with solid second time

I have this code: https://github.com/nikitavoloboev/kuskus Here I do conditional render of NewTodo: https://github.com/nikitavoloboev/kuskus/blob/main/src/pages/Today.tsx#L14...

Grahf

4/1/2023

Pass ref in routeData

Happy Saturday. Struggling with what I hope is a simple problem. I'm trying to get a ref passed to a grand child component. It keeps showing up as undefined. Ref works fine in the grand parents where it's set to a div. In the grand parent:...

marcusbuffett

4/1/2023

Is there an easy way to render React inside Solid?

I've got a landing page generated through an external tool that I'd rather just keep in React so I don't have to mess with it when we make landing page changes. I've attached an image of what I'm trying to do, but I get a mysterious error in the console about Comp not being defined. Any ideas? Thank you!

romanobro

4/1/2023

Cannot read properties of null (reading 'nextSibling')

Hello, I got this error in production (it was working, then no changes occured), and now I am getting this in development mode too, so I think it was something that changed in solid start that caused this bug. It occurs only when changing pages and goes away on reload. Any suggestions?

MangoPig

4/1/2023

SolidStart: Get Rendered Route Instead in useLocation()

Hello! I'm new to SolidJS and SolidStart. I was wondering if it is possible to get the rendered route of [...404].tsx instead of the actual route location when I use useLocation().pathname....

musiclover

4/1/2023

Solid App to Web Component (js file)

I'm making a single page app in solid and Vite. Can I build my entire solid component to Web Component (single js file) ? I don't want to change each component to web component, i have a lot of components. ...

phungleson

4/1/2023

Stricter JSX?

Hey peeps, I recently upgraded to 1.7.0 and seems like there is new stricter JSX. I read the CHANGELOG and understand the issue a bit, i.e. removing function form from JSX.Element....

Some Call Me Tim

4/1/2023

Firefox Fails loading Font Awesome modules and can't run dev Start Project.

I'm loading up a bunch of icons from various FA packages using their library functionality via import { library } from '@fortawesome/fontawesome-svg-core'; . This works great everywhere except Firefox, where 90+% of the time I just get a white page when trying to load the page after npm run dev. If I hammer F5 enough, it will load 1 out of 10 times, but I've never figured out how to get Solid Start to run constantly on FF with FontAwesome icons....

Guilherme Rosado

3/31/2023

How do I test this behavior?

I want to test the following behavior but I think there's no DOM tree here, right? When we're testing SolidJS components how do I visualize the current tree? ```tsx describe("Turnstile Component", () => { it("renders the Turnstile component", () => { createRoot(() => {...

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.