SolidJS

S

SolidJS

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

Join

SRR And Web Crawlers. Help Me Understand

I just released a new business that has more than 150 pages of docs. I custom-coded the entire site and docs section using SolidStart. I have SSR turned on. Here's my issue. Crawlers aren't finding my pages. I'll give two examples. 1. Algolia just added a crawler to my site. Their crawler only found 2 pages, not 150....

Should I destroy and create a new websocket connection on each page?

Or keep the existing connection throughout different pages, and somehow figure out which page should I handle by different means. I solved all my websocket problems, now this question come to my head, because it takes a split second more to open up the connection and be ready....

How to crossws websocket Resolver API access getSession?

I am trying to use WebSockets with crossws, I have this piece of code at the beginning: ``` const ws = crossws({ async resolve(req) {...

Saving data to a store that has a getter?

i have an issue in that i need to figure out how to add to the scenes[selectedSceneId].sounds array that 2nd line was an idea but not a good one, im guessing i need to use a setter but am not quite sure how. This is my setter:...
No description

npm install is taking forever

I'm working on a solid js project. Pulled an existing codebase from GitHub, but npm install is taking forever. Any help would be appreciated!!

I can't load app.scss inside app.tsx and load globally on all pages

app.tsx has this: import "./app.scss"; Which sets the background color of the page....

__vite-browser-external:node:async_hooks:3 Uncaught Error: Module "node:async_hooks" has been extern

vite-browser-external:node:async_hooks:3 Uncaught Error: Module "node:async_hooks" has been externalized for browser compatibility. Cannot access "node:async_hooks.AsyncLocalStorage" in client code. See https://vitejs.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details. at Object.get (vite-browser-external:node:async_hooks:3:11) at http.js:71:53 Here's my code looks like:...

How do I implement a custom fileRouter using vinxi

I need to build a route tree based on some custom configuration.

What is wrong with Math.random create Signal

This code:
const [name, set_name] = createSignal(`Guest ${Math.floor(Math.random() * 10)}`)
const [name, set_name] = createSignal(`Guest ${Math.floor(Math.random() * 10)}`)
produces different values on interface and in createEffect log, what is going on?...

Websockets in SolidStart Example

I am writing a tutorial for solidhack about how to use WebSocket's in SolidStart, I based my example on this example repo https://github.com/peerreynders/solid-start-ws-demo . Is this still the best practice, or there is a better way?...

State sharing between Islands

I have a client that I'm leading a site rebuild for, and we're potentially thinking of switching to Solid They run on a very particular old enterprisey tech stack which means that while the app is fully client side rendered, it gets rendered into multiple roots instead of there being a single component tree. What is the best approach to sharing state between these islands? Can Solid signals be used outside of a Solid tree for this? Should I use a separate solution for it, I saw Astro recommends nanostores...

custom props not rendered on nested components

I have the problem that my custom props are gone on nested components that not directly called as component from the routes. See https://github.com/solidjs/solid/discussions/2317 What do I miss? Or what is wrong?...

Safari Video Not AutoPlaying when inside a Suspense

Hey everyone ! Not sure if this is intended to happen but it’s a bug. When you have a video html tag with:
<video autoplay playinsline muted><source src="" /></video>
<video autoplay playinsline muted><source src="" /></video>
It doesn’t render on Safari specifically when it’s inside a <Suspense>. If placed outside it renders automatically in Safari. Does anyone know why this happens?...

Router determine if 404 route

Is it possible with the router to determine if the current route is the "404" route aka matches "*" ? Was trying to think of a way with useMatch but not sure how to set the matchFilters or even the path for that. My usecase is, that i have analytics tracking which tracks the pageViews but for the 404 page i need different handling hence i have to somehow figure out that i'm on that route from outside that route. ...

Vinxi server build fails: Big integer literals not available in target environment ("es2019")

I am getting an error when building locally as well as when Netlify tries to build:
.../.vinxi/build/ssr/index.js:1:40327: ERROR: Big integer literals are not available in the configured target environment ("es2019")
I have looked through the Solid Start, Vinxi and Nitro docs to try to figure out where I can configure this to use a more modern target environment....

Client side singleton for heavy resource allocation

Is there a way to create a global singleton for client side without initialising again on page loads? In my case, I'm preloading a synthesizer on the web, which takes time to load. Disabling SSR and using only client side routing for subroutes could work....

disable untrack when param changes

is it possible to, again, track an untracked signal when useParams parameters changes. I have a component that retrieves some data from the store based on a URL parameter. ```tsx const params = useParams()...

Is it possible to show <Errorboundary> as toast/pop up?

Or does it always need to show either the error component/view or the non error view?

null error

I can't even explain an issue, this happens randomly when I'm resizing screen while keeping @corvu/drawer open.
No description

submission error doesn't show when js is disabled

```ts export default function Home() { const form = useSubmission(login); return (...