Solid JS to mixins or HOCs
I've got a situation where I'd like to create a component that modifies a specific type of child component. In React I would do this using a 'render props' function or a HOC.
Is there an equivalent in SolidJS?...
Wrap each child
I would like to wrap each child in an element.
For example I have a list element and I wand ever child element to be wrapped in a
li element. What's the proper way of doing this? I can do it like this with the children helper function, but is this a good way of doing it? Should I try to avoid this situation?
```...Using WebComponents in SolidJS
Hi, I'm trying to use Sencha WebComponents in SolidJS:
https://docs.sencha.com/extwebcomponents/7.5.0/guides/getting_started/getting_started_existing_javascript_modern.html
I got it working, however there are typescript warnings for every sencha element used (even though it works in the browser):
```html
<ext-toolbar> {/* Shows a warning */}...
Any help for using Framework7 with SolidJS?
Hey! I'm trying to make a Capacitor app using SolidJS and want to use Framework7 (https://framework7.io/docs) with it. I want to be able to use Solid components, routes, ... inside Framework7.
I'm currently stuck with their router.
I was able to render a Solid component using
...
how come solid-js is devdependency for Solidstart
Hi just creating a new solid start project and noticed solid-js lists under dev dependencies and not dependencies, is it only needed during development ? And is this specific to solid start or a depends on how bundler is setup?
Hydration issues on navigation while hydration is ongoing
With a structure like this, navigation is enabled before hydration is complete.
```tsx
<Sidebar />
<Suspense>
<Outlet />...
Creating an Observable from a store.
Is there a way I can create an observable from a store?
Essentially, what I want to do this:
```
import { observable } from “solid-js”;...
CreateEffect in a separate JS file
One of my component is having too many createEffects which looks quite messed up and cumbersome. I want to refactor it and keep those in a separate files. What are the possible ways to do it ? Would appreciate your help!
Are there any semantic or performance differences between `Show` and ternaries?
The docs say:
It is similar to the ternary operator (when ? children : fallback) but is ideal for templating JSX.But I'm not sure in what way it's ideal for templating, is it talking about just DX or also ideal performance-wise?...
Signal set from localStorage not updating
I am setting a signal like:
```
const initialCart = isServer
? data.userData().cart.products...
Client-only resource with SSR
Is there a way to make a client-only resource? that is, don't even bother on the server, render the fallback, then start fetching immediately on the client? I can use refetch in an effect but it briefly returns the server value before refetch starts without showing the fallback. Using a source signal does not render the fallback on the server
Context undefined
I want to wrap my auth token from local storage in a ContextProvider. To this effect I've done this:
```
const TokenContext = createContext();
...
Websockets on Solidjs
I have some code in React for websocket conexion in components, I tried to port the code to solidjs, but no success yet.
```
// Websockets
onMount(() => {...
Noob question: createRenderEffect vs createEffect or onMount
This is mainly a dev experience question. I feel like I understand the differences between these but honestly I just find myself always opting to use createRenderEffect over onMount or createEffect and unsure what scenario I would use them over createRenderEffect.
Perhaps the wrong way to think about it but I usually think "createRenderEffect runs before the others and I want my code to be ran as soon possible so I will use this over the others".
What is the right way to think about createRenderEffect and why would I opt to use onMount or createEffect over it. (I know createRenderEffect vs createEffect is more of the question as onMount is technically more explicitly different but curious nonetheless why)...
Derived Signals vs Memos
Noob here; I'm going through the intro tutorial and I want to make sure I fully understand derived signals and memos.
It seems like there are only upsides to memos over derived signals. (I am thinking along the lines of, if memos are only superior, why use derived signals at all?)
So I have some questions:...
IntersectionObserver
Hi, do you have any idea how to do this better? solidjs doesn't seem to like me coding like this.
```ts
<div class={styles.App2}
ref={$scroll_container}
>...
Effector Solid binding reactivity
I wonder if anybody knows about https://www.solidjs.com/ecosystem?search=effector. Effector is a state management system that uses event and immutable stores to handle data. In the ecosystem it mentions the binding are good performance for Solid. I've had a look on https://www.solidjs.com/docs/latest#reconcile that reconcile is the suggested way to diff immutable data into react to maintain granular reactivity. Looking at https://github.com/effector/effector/tree/master/src/solid the code I don't think it uses reconcile but It may well doing something else.
I think at some point I found a discussion or something where there was a mention that the bindings are mostly good there is just maybe something not ideal at first creation or something like that but I cant remember where that was. Anyone have any knowledge of this?
Thanks...
can I use solid as just a reactive library?
I'm trying but the
createEffect() callbacks aren't running