Topics

SolidJS•11mo ago

NB 😈 | Nightly 🦊

Debounce selector

How to make createMemo only refresh max once a second no matter how many signals are inside

const data = createMemo(() => {
  // compute heavy stuff multiple signals
})

const data = createMemo(() => {
  // compute heavy stuff multiple signals
})

9 Replies

Alex Lohr•11mo ago

https://primitives.solidjs.community/package/scheduled#debounce

Solid Primitives

A library of high-quality primitives that extend SolidJS reactivity

Alex Lohr•11mo ago

Our community provides a lot of useful packages for occassions like this.

NB 😈 | Nightly 🦊•11mo ago

hey thanks i have already checked it its good for actions but not necessary for selectors

Alex Lohr•11mo ago

That's what createScheduled is for. To turn these from effects to memos.

NB 😈 | Nightly 🦊•11mo ago

oh thanks

NB 😈 | Nightly 🦊•11mo ago

btw i am losing types definition because of that

Alex Lohr•11mo ago

@thetarnav have we checked the types for scheduled?

thetarnav•11mo ago

Isn’t this because of using p? typescript can’t infer the return type if the parameter has to be inferred as well

NB 😈 | Nightly 🦊•11mo ago

oh bummer thanks for help i managed to solve it

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

11KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

solid-start dev works, solid-start start does notMy program uses tesseract.js, and it works fine in dev mode as the title states. However, when I try Nested object signalHey! I have trouble getting changes in a nested object to trigger a rerender. My object looks like t How to reactively set height of a element?The title is kinda vague so let me explain. I have a h1 tag that has 2 divs inside it. I want to s Issue with using ApexCharts (solid-apexcharts) in StartI'm having trouble with @wobsoriano's solid-apexcharts package in SolidStart. We're getting a weird idiomatic memo usageis there a more idiomatic way to write this? ```ts const username = createMemo(() => state.data Error Tracking/LoggingIs there a way to track errors like there is in vuejs? https://vuejs.org/guide/best-practices/produc createMemo accessor null valueI have the following code to access a Firebase collection and it depends on a user's UID which gets useParamslooking into the params object based on my folder nav structure i=I noticed something off. ``` { solid devtools fails with O.createRoot is not a functionThe extension is version 0.27.5 My deps are: ``` "solid-devtools": "^0.27.5", "solid-js": "^1.7.0", Should I use <Show>?`<div> {isVisible && <div/>} {isVisible ? <div/> : <span/>} </div>` Can't I just use condit