parent of nested routes
Hello. Just looking for confirmation. I'm using Supabase Auth and that logic lives in RouteGuard. I'm pretty sure that all the routes nested within will be password protected.
My main question is: am I configuring the Index component correctly? Will I be able to access it? If an unauthenticated user goes to '/' (or any of the nested routes) they will be
navigate('/login').
I seem to be having an issue accessing '/' as an authenticated user. Should I rename the route for the Index component to someting like '/home'?...Where Do I Put Providers In SolidStart?
In a SolidJS project you name your providers in index.tsx by wrapping the <App /> component.
`
render(() => (
<Router>...
Use non breaking space with hyper dom expressions
How can I use the good old
inside a div a bit like this:
h('div', [h(...),' and ',h(...)])...Internal Server Error - Make sure your app is wrapped in a <Router />
I used bunx create-solid to make the project, but when I set
const navigate = useNavigate() and navigate("/somewhere"), I get the error.
Maybe error on the template or error of solid router?
repository: https://github.com/issac4892/EVIS-solidstart
https://github.com/issac4892/EVIS-solidstart/blob/main/src/routes/personal_code.tsx...createStore not reactive
I have the following code:
``` function handleInput(event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element}) {
const input = event.currentTarget.id;
setQuestions(questionID, 'answer', input) ...
setQuestions(questionID, 'answer', input) ...
Re render on filter in a for
I have an animation that runs when the element is visible with an observable the problem is after the first animation is all good but I have a button that filters that for, and when it gets filtered it doesn't re-render
I solve this in react by changing the key of the element so react detects that the filter is a new element every time, how can this be done in solid?
```tsx...
Signal dont update the class
I have two components one the principal with the signal and te other is the button, the class shloud update depending on the state but is not working, the state change, but the ui dont change
```tsx
...
Mutable routeData
Hello, im fetching data from a server using routeData() and createRouteData() in solid-start. What's the best way to mutate this data? Is this possible/intended? For now my idea is to move the fetched data into a context store, but it would be easier to just mutate the fetched data objects directly.
Type of setStore args?
When trying to listen for any and all changes to a store value, seems the only way of being able to do so is to wrap the store's setter like so,
```ts
const [store, _setStore] = createStore({});
function setStore(...args) {...
Multiple SolidJS apps in one?
Hello everyone,
This one will probably sound very silly but I'm new to this, it'll be hard to explain too.
I have a big monolith app (made with another framework), and I'd like to split it to several modules. Each module would be an individual SolidJS app, and I guess I would need to make some kind of "portal" app as well (a dashboard with buttons that redirect to each module, I'd also like to keep my navbar in the modules).
...
SolidStart error on redirect
Hello, I'm a newcomer to SolidJS and SolidStart. I am trying to redirect from one page to another, but it gives me an error while I do
return redirect("/inquiry/" + form.get("personalCode"));. The site loads well if I refresh the page or go to the page directly.
The Error
```
Internal Server Error (Make sure your app is wrapped in a <Router />)...Using Solid for apps with large/complex states
Is Solid advisable for creating interaction-heavy apps as complex as figma/canva? The high-performance nature of Solid appealed to me, but I'm not sure how to manage extremely large states with Solid. How do solid signals scale?
Issue wih testing (Solid-jest)
Hello,
I'm currently working on a Solid Start library.
I'm currently using tsdx to package my app and jest to test my application.
...
How to pass reactive values to `ref`?
For example, inside a
<For> element, how would the ref handle using For's reactive index? Something like the code below (which doesn't work),
```tsx
<For each={items}>
{(_item, i) => <div ref={el => someFnThatNeedsIndex(i())}></div>}...setStore odd creation behavior
Hey there team! Hope you are all well.
I'm experiencing some very odd behaviour around stores and was wonding if I could get some input from the community.
I am making a very basic to do app, just to play around a little bit with some of the primitives solid has. I'm pretty familiar with soildjs and have built several basic webapps with it so far. ...
hmr and WebSockets
hi, when trying to use websockets during development, it can take up to 20 seconds for the socket to connect after an hmr reload. Can I somehow not try to keep the websocket state during hmr and just reconnect?
What are your favorite libraries or packages for web development?
I would like to know what are your favorite libraries or packages for web development?
These are a lot of SolidJS support libraries or packages out there. I know I can find packages in SolidJS Ecosystem website, but I would like to know what are favorites of you. This will help to familiar with it when have package support related projects.
Example:...
Global store in Solid Start app
Hey, I recently thought to myself that I haven't really done a proper e-commerce app yet that would fill my portfolio. So I decided I would make an e-commerce app with a little bit of a challenge, basically instead of using any SPA framework (React, Solid etc.) I wanted to try Solid Start. At first the experience was great (create-jd-app ❤️ ) however I wanted to implement a cart for the app. I read the Solid Start docs however I was discouraged on using global state. I remember using zustand a lot for any global state applications where I had to synchronise some data between components.
And that begs the question, how should I implement a reactive cart, that would influence my navbar (basically showing the number of items in the cart) and would basically be synchronised around my app?...
`ReferenceError: Request is not Defined` on Node 18
After adding
solid-start-netlify to my project, I get ReferenceError: Request is not defined when I run solid-start start. I know that this can happen with older versions of Node, but I'm running version 18. Any idea what's causing this?