What code are you using to reactively render state? Or do you write all DOM manipulations manually and just accept the problem of state explosion?

▲

austin-cheney 5 hours ago | parent [-]

Here is an example: /lib/dashboard/dashboard_script.ts

https://github.com/prettydiff/webserver

When you aren’t using framework like components state restoration is a single function that runs only on page load. There is no state explosion and on localhost the SPA fully renders and finishes state restoration in about 105ms from http request.

▲

WA 3 hours ago | parent | next [-]

Thanks, but this is a server-side thing and has nothing to do with client-side DOM manipulation?! Sure, you can put stuff on the server and do HTTP over the wire. It's oftentimes the better solution. But there are apps/tools that are rightfully an SPA (like tldraw or excalidraw for example) and can run local-first and offline in a browser. You build the entire app in JS and you'd need a bit more than vanilla Web components for that if you want to avoid client-side state explosion.

	▲	austin-cheney 2 hours ago \| parent [-]
		Look at the file path I specified. That file runs only in the browser.

▲

brazukadev 3 hours ago | parent | prev [-]

Mate, if you are proud and happy to code this way, congratulations. That code is an absolute nightmare tho. Your eyes are trained on it so you think this is as good as an ergonomic framework.

	▲	austin-cheney 2 hours ago \| parent [-]
		How would you refactor it?