S
SolidJS•2y ago
ɔnՊþn1🌚ⓒʞ AKA Purpl

How to make an Isomorphic Component Library?

What's the proper way to deploy a SolidJS component library with isomorphic rendering?
3 Replies
Alex Lohr
Alex Lohr•2y ago
You need to export a "solid" condition that exposes the JSX code so it can be included in both scenarios.
ɔnՊþn1🌚ⓒʞ AKA Purpl
ɔnՊþn1🌚ⓒʞ AKA Purpl•2y ago
can you provide an example of this setup?
Alex Lohr
Alex Lohr•2y ago
Some of the components still need some work to be fully isomorphic, but the setup works: https://github.com/atk/solid-blocks
GitHub
GitHub - atk/solid-blocks: UI building blocks for SolidJS.
UI building blocks for SolidJS. Contribute to atk/solid-blocks development by creating an account on GitHub.
Want results from more Discord servers?
Add your server
More Posts
Register custom component props without default valuesCurrently, I need to give default values to component properties if I want them to be registered: `how to make a route working after page reloadHello! I bumped into a nasty problem with solid-route. It works while I'm surfing from the root paDoes SolidStart Have a Global `Context` That Server Functions Can Use?Other SSR frameworks have a concept of a "`context`" that is globally available to all server functidisposing of a `createRoot` nested inside a `createEffect`?I am creating a nested effect, like: ```ts createEffect(() => { // create nested effect creSSR build failingI'm attempting to get solid SSR working with deno via `esbuild` and `esbuild-plugin-solid`. In ordersolid-router nested routes - access child params from parent componentIt seems like a parent component can't access the full set of params - it can't see params for childMath.random() overwritten on hydrationI have a skeleton component which I want to have a slight randomness to its width, so I have ```tsx how to add package to https://www.solidjs.com/ecosystem?I made a package and would like to add it to the solidjs website. Is there a write-up somewhere how