Migrate huge Switch/Case for Partial hydration to Astro | Astro Lounge | Page 1

slim trout Jul 5, 2023, 9:51 AM

#

I have huge switch/case block (~50 components) that renders CMS Components but I'd like to enable partial hydration for some of them. Therefore I need to move that Block from React/Tsx to Astro but I don't really understand how 😅

Help / inspiration appreciated

slim trout Jul 5, 2023, 10:34 AM

#

I want with a lot of

  block.type === "cmsBlogListTeaserSection" && (
    <CmsBlogListTeaserSectionComponent {...block} />
  )
}``` Statements and it works for now. Doesn't look that clean, but solves the problem for now.

gentle fern Jul 5, 2023, 6:18 PM

#

If your looking for a cleaner solution I have a <Switch> component that you may be interested in: https://github.com/BryceRussell/astro-headless-ui/wiki/Switch

#Migrate huge Switch/Case for Partial hydration to Astro