SolidJS

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

SolidJS

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

9/9/2023

Safari solid crash

In 16.6 I notice that solid can fail silently in my site using it with Astro + solid. It appears to be iPhone specific and solid specific. Other pieces of JS execute successfully. Does anyone else have a site that I can test a Astro solid+integration with? Or have any idea how I can get it to throw an error?

Whit4D

9/9/2023

Astro + resolvePackageJsonExports: false

I have a Solid project that I am moving to Astro to get access to SSR. It uses lucide-solid for icons. Astro was giving me grief about that lucide-solid import saying: ``` Could not find a declaration file for module 'lucide-solid'. '/Users/anthony/project/node_modules/.pnpm/lucide-solid@0.274.0_solid-js@1.7.11/node_modules/lucide-solid/dist/esm/lucide-solid.js' implicitly has an 'any' type....

jayMakes11

9/9/2023

Navigation in SolidStart app always fully reloads the page (i want a SPA!)

Not sure if I need to do anything specific to enable something like a "spa" mode. I have ssr set to false in my vite.config.js. My app is running in Tauri... could be something specific to it I suppose....

vik

9/8/2023

Update searchParams with useNavigate

I have a couple of tables. I can select rows of the table and add my rowId's to queryValue here is a simplified version of my code ```jsx...

Samual 🦢

9/7/2023

set response header from within `createServerData$()` callback

hi how do I set a response header from within the callback of createServerData$()? useRequest().responseHeaders is undefined (despite typescript saying it's always a Headers object) this evaluates to a different PageEvent that is also missing the responseHeaders property I've tried setting the .responseHeaders property with the headers I want myself on both but neither worked ...

Luka

9/7/2023

import.meta.env.SSR = false even though ssr is set to true

anyone know any reason for this?

marcusbuffett

9/6/2023

Can Solid Start export a build folder that would be compatible with Capacitor?

Capacitor requires a web directory with index.html at the root, I'm wondering how much work it would be to get my Solid Start app to output something like that. Would I have to create a separate vite config to compile the project as a regular Solid project? https://capacitorjs.com/docs/getting-started#add-capacitor-to-your-web-app...

manubaun

9/6/2023

how to rerender component, when access store prop on component level?

Hi Guys, I have a store, which I have a property to be edited. Once the property is set, a modal should open, if the property is unset, the model closes. something like this:...

TicTacMan

9/6/2023

Detect which dependency changed when using "on" utility with createEffect

Hi, I have the code below: ``` createEffect( on( () => {...

akerbeltz

9/6/2023

Typing custom hooks

I made a custom hook for a post of a file, this is the code: ```typescript import axios from 'axios'; ...

vasucp1207

9/5/2023

How to parse solid code to ast

Actually I'm playing with solid and vite anyone knows how to parse solid code and generate ast?

chiefcll

9/5/2023

Solid Router with useParams, createResource and two params

I've got a dynamic page with two params in the url needed by createResource to make it's data call. ``` const params = useParams(); ...

TicTacMan

9/5/2023

Is it possible to subscribe to particular properties in a object wrapped by a store?

I have a usecase in which I have an object with say 100+ properties. I have some function which I would like to execute only when property 52 changes. Is it possible to do something like this? ...

SilentRhetoric

9/5/2023

Creating Package - Need Bundling Help

This is the first time I have tried to create a library, and I need help 😅 Objective: Provide a convenience library to make it easy for people to integrate several other libraries in a SolidJS client app (browser only; no SSR for now). Problem: I tried to build with tsup using https://github.com/solidjs-community/solid-lib-starter as a starting point, but some of the libraries have a dynamic require that errors in the browser. ...

north korean supermarket

9/4/2023

How to write an effect that depends on a store property?

I would like to scroll to the bottom of the list every time a list changes. My list is a property of a store. I would like to write something like ``` createEffect( on([props.list], () => { scrollIntoView(); })...

MangoPig

9/4/2023

Troubles Deploying to AWS EC2

Hello! After making an app, I tried to deploy it on a AWS EC2 server. It runs as usual in the console but the website "refused to connect". I tried running a simple NextJS application with the same settings and it seems like the firewall and server settings are properly configured. I suspect that there is something wrong with my vite config as I vaguely remember reading something about it before. Please inform me on what I'm missing and how I can fix this problem. I attached the vite config I ha...

e695

9/3/2023

Client renders in dev mode, but not once built

Hi I'm new to solid and I'm making a simple app with solid start. When I use npm run dev it works fine and I can build and debug as expected. When I use npm run build then npm run start, the client does not render my index.tsx page, but the server does indeed work as expected. I am not using any ssr in my vite plugin config. Not sure what's going on as most of it is as generated by the solid start template, and seems to match the docs. I'm assuming it's not an issue with the file structure as it works fine in dev mode, and remains unchanged from the template. package.json important parts...

TripleSmile

9/3/2023

Good practices in SolidJS

Are there any tutorials which go in depth of what are good and bad practices when building apps with SolidJS? As someone who has no prior experience with reactive libraries I sometimes have hard time understanding if what I'm doing is good or bad practice and maybe sometimes I might be reinventing the wheel or not using SolidJS as intended. So, if there are any tutorials you could recommend on how to properly use SolidJS please let me know. Or just share general recommendations, really want to l...

Mathieu

9/3/2023

Variable initialized in `onMount` becomes `undefined`

```ts let positionMenu: () => void; onMount(() => { positionMenu = getPositionMenuFun({ inputElement, styles });...

Aspy

9/3/2023

Cannot build on server

I have a server (debian bookworm) and my local PC (Arch) My site (https://github.com/someaspy/duckduckno.com) cannot build on my server, but can build locally. I get the error ```

vite build "-v"...

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.