Topics

SolidJS•11mo ago

onCleanup in Root component?

o/ so i have this component in my root. if i refresh the page, it doesn't log the cleaning up root!! message. is there any other way to run code when the app stops/refreshes?

onCleanup(() => {
   console.log("cleaning up root!!")
})

onCleanup(() => {
   console.log("cleaning up root!!")
})

3 Replies

Revxrsal•11mo ago

nvm, found i could do

window.addEventListener("beforeunload", () => {
   ...
}, false);

window.addEventListener("beforeunload", () => {
   ...
}, false);

but is onCleanup() just not going to work for roots?

Otonashi•11mo ago

roots aren't disposed when the page unloads if you want to do that then you could probably do like

const dispose = render(() => <App />, document.getElementById("app"));
window.addEventListener("beforeunload", dispose);

const dispose = render(() => <App />, document.getElementById("app"));
window.addEventListener("beforeunload", dispose);

though i don't know if that's necessarily a good idea if there's a lot to clean up

Revxrsal•11mo ago

i just want to save something to localStorage i had it earier as a store and the localStorage was saved inside an effect, but since i update the data a lot (10+ times/s) i figured out that's a bit inefficient

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

Now using createResource(), the content never loads.``` const getReports = async () => { return (await fetch('/api/reports')).json(); }; export defau Access child ref from parent componentHello ya'll. I am having a bit of a brain fart, id like to access the child ref of an element from t `Suspense` deep dive 🐬I am dealing with some inconsistencies in how Suspense works between react vs solid while working on Createeffect not working in component where signal was definedI am pretty new to programming so it is possible I have some kind of oversite. but in this code: ``Replacing specific HTML elements with Solid ComponentsHey. I have a string with html markup, I want to replace some specific elements (based on some attri Render a component referenced by a objectHow van I render a component that is referenced by an object instead of just writing the tag directl solid start `npm run build` hangs in docker containerTrying to dockerize a solid application, built from solid start. It seems to hang at `npm run build`server$ API change in start 0.3.1 ?I'm trying to update to last released solid-start `0.3.1` when I use `server$` from an `API route` Help with AList CloudI want to deply it myself and remove The "powered by AList" in the footer. And i dont know where to exclude specific file from getting bundledI'm using nanolith (https://github.com/mstephen19/nanolith) in my solid-start app for loading some w