Composability Patterns for Hologram - Looking for Your Ideas

[bartblast]

@jam

I think the main area that wouldn’t fall directly inside of a component would be some sort of shared store. I typically reach for stores seldomly though, most of my composition is done with components.

Currently, for a store in Hologram, it looks like I’d use Context. If I wanted a global store, I suppose I’d have a Context at the app’s root (if I have this wrong, let me know). It might be nice to be decouple a store completely from a component and be able to use them in any component (maybe this is already possible?).

Just to clarify - Context isn’t really meant to be a store. It’s for avoiding prop drilling by letting components emit data that flows down to their children (who access it via props with from_context).

You could use Context at a page level as a “global store” and mutate it from anywhere by specifying the action target, but it would feel awkward/indirect. Context is component-bound, like React’s Context API. It’s not a decoupled store like Redux or Svelte stores.

I think what you’re describing - a truly decoupled store - is what @nikfp mentioned earlier too. I’d love to see what that would look like translated to Hologram if you have ideas!