S
SolidJS•6mo ago
bic mem

noob question regarding solid-router

Hey guys, I'm running through this tutorial on Solid-JS as I am new to web dev, I got to the video on the solid-router and noted it broke so I ran through the documentation and saw there were changes made recently. I tried figuring it out myself but my page still doesn't render the Home component.
No description
No description
No description
8 Replies
Brendonovich
Brendonovich•6mo ago
I'm not sure if it'll fix your problem, but all the stuff outside of the Router should be put in a separate component and provided via the router's root prop
bic mem
bic mem•6mo ago
No description
Brendonovich
Brendonovich•6mo ago
And make sure App is rendering props.children
bic mem
bic mem•6mo ago
No description
bic mem
bic mem•6mo ago
ahhh
bic mem
bic mem•6mo ago
do i necessarily need to pass props to render something ? here's the top of App.jsx
No description
Brendonovich
Brendonovich•6mo ago
Yeah the root component must receive props and render children - see the router docs https://github.com/solidjs/solid-router?tab=readme-ov-file#configure-your-routes
GitHub
GitHub - solidjs/solid-router: A universal router for Solid inspire...
A universal router for Solid inspired by Ember and React Router - GitHub - solidjs/solid-router: A universal router for Solid inspired by Ember and React Router
bic mem
bic mem•6mo ago
thank you bro, my website has been fixed 🙏 , for some reason it didn't click despite reading it multiple times
Want results from more Discord servers?
Add your server
More Posts
Solid-UI The `border-border` class does not exist.Recently got started with `solid-ui` and i love it a lot, however when i add it to projects where i How to Inform children of the active status of it's parent <A/>I'm looking at something like: ```ts <A href=".." class=".." activeClass=".."> {({ active }) => Solid-start + mdx: remark-shiki-twoslash does not workI tried the current version of solid-start with mdx and attempted to integrate remark-shiki-twoslashHow props.children get informed in router.jsx value change ? eg: logined =true,children refresh```jsx //app.jsx const App = (props) => { const [logined, setLogined] = createSignal(false); retError while using useNavigate() or <Navigate />PrivateRoute.tsx ` import { Route, useNavigate } from '@solidjs/router' import Index from '../pagesLowercase propsWhat is point of lowercase props "tabIndex" vs "tabindex", "onClick" vs "onclick" and etc?Good library for handling combobox-style search UI? (with Pagefind)I'm trying to create an Algolia-style interface with [Pagefind](https://pagefind.app)'s search API, Which Solidjs Router library should we useThere are different libraries for SolidJs Router in different documentations earlier it was " solid-Router with hash integration or hash Router in SolidJSHow to setup has Router or Router with hash integration in new version of SolidJS Router!“use server”; Is Breaking Everything In My AppI’ve got one post going that touches on this subject of “use server”; breaking my app: [A New Way to