summaryrefslogtreecommitdiff
path: root/docs/core-concepts/component-hydration.md
diff options
context:
space:
mode:
authorGravatar natemoo-re <natemoo-re@users.noreply.github.com> 2021-07-07 20:10:09 +0000
committerGravatar GitHub Actions <actions@github.com> 2021-07-07 20:10:09 +0000
commit1bbe98ae54eb6018184fdc3875fe689775510ad6 (patch)
treeeb8500d84704793c0d5b711f2e8f1b3822a83532 /docs/core-concepts/component-hydration.md
parent53fcae1a9a26e3e2e9d6aca7ec71acc13a3556ea (diff)
downloadastro-1bbe98ae54eb6018184fdc3875fe689775510ad6.tar.gz
astro-1bbe98ae54eb6018184fdc3875fe689775510ad6.tar.zst
astro-1bbe98ae54eb6018184fdc3875fe689775510ad6.zip
[ci] yarn format
Diffstat (limited to 'docs/core-concepts/component-hydration.md')
-rw-r--r--docs/core-concepts/component-hydration.md3
1 files changed, 2 insertions, 1 deletions
diff --git a/docs/core-concepts/component-hydration.md b/docs/core-concepts/component-hydration.md
index b1dc6c8ad..ee1bdd777 100644
--- a/docs/core-concepts/component-hydration.md
+++ b/docs/core-concepts/component-hydration.md
@@ -22,6 +22,7 @@ However, there are plenty of cases where you might like to include an interactiv
- A "Buy Now" button
With Astro, you can hydrate these components individually, without forcing the rest of the page to ship any other unnecesary JavaScript. This technique is called **partial hydration.**
+
## Hydrate Frontend Components
To hydrate your components in the client, you may use any of the following techniques:
@@ -34,4 +35,4 @@ To hydrate your components in the client, you may use any of the following techn
Astro components (`.astro`) are HTML-only templating languages with no client-side runtime. You cannot hydrate an Astro component to run on the client (because the JavaScript front-matter only ever runs at build time).
-If you want to make your Astro component interactive on the client, you should convert it to React, Svelte, or Vue. Otherwise, you can consider adding a `<script>` tag to your Astro component that will run JavaScript on the page.
+If you want to make your Astro component interactive on the client, you should convert it to React, Svelte, or Vue. Otherwise, you can consider adding a `<script>` tag to your Astro component that will run JavaScript on the page.