SolidJS

S

SolidJS

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

Join

Drag and Drop atlaskit

Hey, this isn’t really an issue with SolidJS, but since I’m building with it, I figured I’d ask here in case someone can help. My draggable object has a square box that I can’t get rid of. Does anyone have an idea how to fix this? ```tsx...

How to add class to body in Solid Start

Probably a stupid beginners question, but I'm migrating my app from a Vite SPA to Solid Start and I have some tailwind classes on the body element but cannot find any examples anywhere of how to access the body element in Solid Start. I've looked through the docs, all the example in the repo, this discord and can't find anything. Below is my app.tsx ```ts import { Router } from "@solidjs/router"; import { FileRoutes } from "@solidjs/start/router"; import { Suspense } from "solid-js";...

Vercel build never ends

I've never had any issues with deploying a solid start app to vercel, but recently after i created a new project with bun create solid and with the vite plugins I've always used (tailwindcss, vite-compression and solid-svg), my vercel builds have been stuck on:
⚙ Preparing app for vercel...
⚙ Preparing app for vercel...
...
No description

Make component with only innerHTML

I'd like to make a SolidJS component with only innerHTML. This is what I have currently, but I'd love to get rid of the <div> ```...

Layout

Hi! So uhm i feel awfull but still gonna ask bout it: How to do an layout file in SolidStart? I did read https://docs.solidjs.com/solid-router/concepts/layouts but i don't have an render but an: ``` export default function App() {...

Importing and displaying .md files with pagination in SolidStart

Hi! So i have some .md files inside /src/content/blog. I wanna import them and then display them (with pagination) in my index.tsx page. What's the best way of doing this in SolidJS?...

Failed to fetch errors on production

I'm capturing client exceptions on the server. Examples:
Failed to fetch dynamically imported module: https://groceryclub.shop/_build/assets/index-CI6v2rst.js
Failed to fetch dynamically imported module: https://groceryclub.shop/_build/assets/index-CI6v2rst.js
...

Is fallback prop necessary for suspense?

I tried to simplify this example as much as I can: The provided code will render userData() about 50% of the time when refreshing. The other 50% it seems to just be an empty string My understanding is that Suspense should be used whenever you access an object from createAsync. I can confirm the data is being fetched correctly on the server from server logs. ...

Using `querySelector*()` in a set reference function

From time to time I find the need to do something like this: ```ts const setCalloutElementRef = (element: HTMLDivElement) => { const closeElements = element.querySelectorAll('[data-global-notification-close="true"]'); };...

@web3-onboard/solid for SolidStart

I want to use this package on my solidstart app but there are many issues. First I need ssr disabled otherwise I get error localstorage is not defined on app start Sometimes it runs the sign message twice It won't redirect to /dashboard as expected and says localstorage is not defined ...

Import 3rd party js from script tag

I am trying to integrate the Stripe pricing table. The instructs say to add this to my HTML <script async src="https://js.stripe.com/v3/pricing-table.js"></script>. What is the best way to do this in SolidJS?

SolidJS + PocketBase not working ?

Hi, I'm trying to make a project using SolidJS (SolidStart) + PocketBase as the backend. But it seems like I can't even import the client library. I get this error: ...

Should custom stores have embedded effects like this?

So lets have I have a custom store to manage updating a value and a debounce version (so that an expensive action can trigger on the debounce value) like this: ```ts import { debounce } from 'lodash'; import { type Accessor, createEffect, createSignal } from 'solid-js'; ...

Web Trading Terminal in SolidJS

This is a continuation of something I posted in the general channel. I'm interested in building a web trading terminal and I really want to use Solid and to use the opportunity to somehow add to the ecosystem in such a way to support others doing the same thing down the road. The following things already exist for use: 1. Solid Lightweight Charts 2. Solid TradingView Widgets ...

New to JS frameworks in general, can Solid do what I'm looking for?

Hello Everyone! tl;dr - Can Solid do client-side JS only? If so, how? ...

solid library with styling

So for like the past 4 days ive been trying to generate a buildable library with css modules or whatever and I just simply cant. Is there any minimal reproducible monorepo with styles? I've scoured everything trying to find something because most of the libraries that are using tsup preset solid dont have css or styling?

How to build SolidStart with relative base URL?

I have a project I created with a SolidStart TypeScript template, which I'd like to build. I would like all links and navigation in the built to be relative. That is because itch.io doesn't host web pages on domain's root, but on a path like '/html/18718715' with the specific number being unknown in advance. Server-side rendering is not necessary: I need static files for itch.io. How can I achieve this? ...

Getting SSG to work nicely

Hey everyone, I'm facing an issue when trying to get SSG working. I am currently using Sanity and want to prerender all the routes to static html. I'm using vercel for production. This is my current setup: app.config.ts...

Dynamic meta - computations outside createRoot warning

Navigating from a blog page ([slug].tsx) to the blog index/list page shows the computations created outside a createRoot or render will never be disposed warning. Here is the snippet of the line referenced from the browser: ```ts...

How the `name` option in `createResource` is used?

The docs says that the name option in createResource is used for "debugging purposes". But it's not clear to me how it's used for debugging. Is it for internal usage only, or it provide a value to the users? This if for the docs @core-team....
Next