Fresh 2: How to programmatically create a island component on a route page?
🍋Fresh
I need to programmatically build the page content - including island dynamic components - depending on external data.
The following, when I'm using "tsx syntax" for invoking the IslandCounter, works fine:
However, I would like to invoke the IslandCounter component by calling it directly as a function,
like this:
This doesn't work when used on a route page: The component is shown, but its js interactivity isn't working.
(This "function style" approach works fine in both a standard Preact app, and when used inside an Island
component. But not when used on a route page.)
I guess this is because the "background magic" that Fresh uses for hydrating the island component isn't performed.
So, is there a way to invoke an island component using functional style, with this "background magic" performed?
The following, when I'm using "tsx syntax" for invoking the IslandCounter, works fine:
However, I would like to invoke the IslandCounter component by calling it directly as a function,
like this:
This doesn't work when used on a route page: The component is shown, but its js interactivity isn't working.
(This "function style" approach works fine in both a standard Preact app, and when used inside an Island
component. But not when used on a route page.)
I guess this is because the "background magic" that Fresh uses for hydrating the island component isn't performed.
So, is there a way to invoke an island component using functional style, with this "background magic" performed?
