Katja (katywings) Posts - Answer Overflow

Katja (katywings)

•Created by Katja (katywings) on 6/15/2023 in #support

Different suspense boundaries between client and server

During my work I noticed that by using only one global suspense boundary, many components unnecessarily rerender on the server. Wrapping the components with Suspense boundaries would reduce the amount of rerenders on the server. But adding these extra suspense boundaries impacts the client side navigation experience. What I'd like to do is to create different suspense boundaries depending if I am on the client or on the server, like so:

<Show when={isServer} fallback={<BlueprintComponent />}>
  <Suspense>
    <BlueprintComponent />
  </Suspense>
</Show>

<Show when={isServer} fallback={<BlueprintComponent />}>
  <Suspense>
    <BlueprintComponent />
  </Suspense>
</Show>

Sadly this pattern results in hydration mismatches 😁 . Thank you in advance for any ideas and feedback!

11 replies

SSolidJS

•Created by Katja (katywings) on 1/16/2023 in #support

Is there a way to make an iframe reactively render with state/signals from its parent?

Stuff that I tried: - Set state/setState in the iframe.window.someGlobal and access it in the iframe from there - Wrap createState in createRoot - Render the iframe solid app with runWithOwner with the owner of the parent app I know there are alternatives, but each of them have drawbacks: a. Send state changes between parent/iframe and update state with reconcile (Drawback: Performance) b. Render the iframe content directly in the parent (Drawback: CSS inconsistency, certain libraries with document side effects break, event delegation has to be manually registered) Currently I use the a.) alternative, but I'd really like to get rid of the state reconcilation somehow 🙈

6 replies

SSolidJS

•Created by Katja (katywings) on 12/13/2022 in #support

Lazy in For results in renderToString timed out in production build

32 replies

Gaming

Programming