SolidJS

S

SolidJS

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

Join

How do I disable codesplitting?

Hey, I have a very basic SolidStart app. How do I disable ALL codesplitting? I have SSR turned off, and would like to have a setup where the app simply loads an index.html file that loads all of the JS the app needs ahead of time during initial load. Thanks in advanced!!

OAuth / OpenID Connect

What’s the simplest way you guys have found to implement a sign in with Google / Instagram / Apple in SolidJS?

Mass Normalization of Props

Hi all, I find myself in the situation of wanting to provide non-reactive alternatives for some component props, i.e. allowing other devs to provide any of ```ts interface SomeProps { foo?: Accessor<T> | T; // Accessor<T> | T | undefined...

css.preprocessorOptions.scss.additionalData is not working.

import "public.scss" is ok. but can't use additionalData . is vinxi not supported?
No description

Can anyone show code examples of how the permissions work?

I couldn't find a single example. In discord. Perhaps you have any ideas on this. I have never done permissions

Help Configuring SolidStart with Capacitor JS

I'm trying to turn a SolidStart project into a Capacitor app so I can create mobile apps for iPhone and Android. I’m new to this and struggling to fully understand how to integrate Capacitor with my SolidStart app. I have a few questions I hope someone can help clarify: 1. Capacitor and SSR/CSR:...

Which styling library to use?

Hi, I've read the docs, checked out many website and I just got totally confused which styling library to use with Solid + Vite. - macaron - https://macaron.js.org/ doesn't work, terminates with babel error. - https://github.com/solidjs/solid-styled-components 2 yr no commits - https://github.com/solidjs/solid-styled-jsx 2 yr no commits, however the main library it refers to still gets updates...

SSR with `query`

I'm trying to use @solidjs/router's query like this: ```ts const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms)); ...

Use an action for a form but stay on the same page?

I am calling an action after submitting a form. I am navigated to https://action/1500021613?username= and then the page fails to load. I want the page to stay where it is after I submit. Thanks!...

Particles not working

I try given example in Particles but it not give any output. Can somebody provide me full code? https://github.com/tsparticles/solid...

using action/useSubmission, discern which button submitted the action?

i have a form with a create and a create & new, (the latter just creates the entity without clearing form/redirect/etc.) the issue is, i don't want to render a loading indicator on both buttons every submission, only the button that created the submission. is there a way to discern which caused the submission? i was thinking an extra param to the function, but it feels a little hacky as the param isn't actually used. open to any thoughts! thanks...

Vinxi conditional config by mode

Is there a way to set up app.config.ts to be aware of the mode in which Vinxi is being run? When using Vite directly, the following is possible: https://vite.dev/config/#conditional-config It does not appear that SolidStart's defineConfig is similarly capable of taking a function that is aware of the mode in which Vinxi is being run....

SEO not working when sharing

Hi everyone I'm facing a few issues on my Solid Start project. The meta tags aren't correctly working when I share the link or when I go to the facebook sharing debugger, the meta tags doesn't match.
Please see both images
...
No description

Background jobs in Solid Start

Is there a way to run background jobs in Solid Start? Any server entry point can suffice since I can just set it up via node-cron or similar libraries....

Sessions broken on external hosts ?

Hi, I'm making a web-based game and I use the sessions to store the player's information (but most importantly the player ID) which I then use in various async querys to display the user's score and name for example. The session is created by the user first being prompted to choose a name, which is then sent to the server with an actions. If successful, the player object is returned and all querys are invalidated so that the page transitions from "must create name first" phase to "can now play" phase. This has been working great both in dev and production modes for now. But after deploying to the remote test host it is now impossible to get past the "Please choose a name" screen. This only occurs with hosts other than localhost, meaning that if I open the web page on the server, it works fine. But if I open from another computer on the network, the aforementioned issue occurs....
No description

Is `load` function a mistake for `preload` function?

https://docs.solidjs.com/solid-start/building-your-application/data-loading#data-loading-on-the-client I found the "load function" in the bullet points of the document. Is load function a mistake for preload function? ...
No description

How to use useSubmission in layout?

So I have a submit button in my sidebar as such I've created my app.tsx file like so ```ts import { Router, useSubmission } from "@solidjs/router"; import { FileRoutes } from "@solidjs/start/router";...

How to keep an active item for a list of items in SolidJS?

https://stackoverflow.com/questions/79209391/how-to-keep-an-active-item-for-a-list-of-items-in-solidjs My app has a list of items where each item is an object, and one of the items can be in active state. I'm using SolidJS. My first idea was to represent the whole state of the app in a store:...

Reactive conditional rendering based on Store of objects

Heres an example of what I am trying to do: ```typescript import { For, type Component } from "solid-js"; import { createStore } from "solid-js/store";...

Rendering <input>s in <For>

How can I reference a dynamic number of <input>s to read their value? Thanks....