Boopie
_layouts are static / Server Side? How "any state set by middleware is available via props.state"
here's the code that's responsible for handling resizes on my website and handles the narrow site nav toggle:
https://github.com/ali-layken/BurstUI/blob/main/islands/ResizeDetector.tsx
13 replies
_layouts are static / Server Side? How "any state set by middleware is available via props.state"
13 replies
_layouts are static / Server Side? How "any state set by middleware is available via props.state"
I ended up refactoring everything to work with partials. i have 1 island that handles telling if the site is narrow or wide and the same island handles is the toc is open or closed since these are both pure client interactions (window resizing and toggling the menu)
13 replies
_layouts are static / Server Side? How "any state set by middleware is available via props.state"
Hi @kliuksas, i figured it all out. the fresh docs really gave it all away. inspecting navigation on the docs website shows that every docs section link is actually a partial link. the partial link loads the main content on the right and reloads the table of contents on the left.
13 replies
_layouts are static / Server Side? How "any state set by middleware is available via props.state"
The first response to their url responds with the static content and the TOC is an island. I will have to do something silly to support my layout ill have to like make empty static divs and have the TOC render to either one depending on the screen size since TOC can be an island
13 replies
_layouts are static / Server Side? How "any state set by middleware is available via props.state"
Hey thanks i noticed while trying to figure this out that Fresh 🍋 docs also resize the exact same way: https://fresh.deno.dev/docs/introduction very cool ill try to figure out how they are doing this.
13 replies