Skip to content

New island example#1807

Merged
Jutanium merged 7 commits intotutorialfrom
new-island-example
Oct 18, 2022
Merged

New island example#1807
Jutanium merged 7 commits intotutorialfrom
new-island-example

Conversation

@Jutanium
Copy link
Copy Markdown
Contributor

As discussed, removed the second Preact example and made the first one interactive with a button.

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
|| **Same**: They both show the same HTML elements and look the same initially. Different: The component with the `client:load` directive will rerender after the page is loaded, and any interactive elements that it has will work. ||

3. If you couldn't see your website's code, only the live published page, how would you tell which `<SvelteCounter />` component used `client:visible`?
3. Assume the `SvelteCounter` component shows a number and has a button to increase it. If you couldn't see your website's code, only the live published page, how would you tell which of the two `<SvelteCounter />` component used `client:load`?
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you want to change this to client:load then be sure to change it in the code sample too! It doesn't look like that was changed.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oops, I'd experimented with that, but decided to keep it the way it is! Fixed

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did you fix this? It didn't change here. 😅

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🤦 should be changed now!

@sarah11918
Copy link
Copy Markdown
Member

LGTM Dan!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants