Skip to content

Commit

Permalink
docs: update demo slides
Browse files Browse the repository at this point in the history
  • Loading branch information
jsulpis committed Oct 17, 2023
1 parent bb0f481 commit 7c028ce
Showing 1 changed file with 12 additions and 11 deletions.
23 changes: 12 additions & 11 deletions src/slides/DynamicComponents.astro
Original file line number Diff line number Diff line change
Expand Up @@ -23,26 +23,27 @@ import Slide from "../components/Slide.astro";
</p>
</Slide>

<Slide>
<p>Open your devtools, go to the Network tab and reload the page.</p>
<p class="fragment">
The 24kB of javascript you see is nothing more than the <a
href="https://bundlephobia.com/package/[email protected]">reveal.js</a
> package.
</p>
<p class="fragment">Now keep your devtools open and go to the next slide.</p>
</Slide>

<Slide>
<p>
You just downloaded React and Framer Motion to hydrate this interactive
This is a demo of a slide using React and Framer Motion to hydrate this interactive
component.
</p>
<p>
<small>Try to drag & drop to reorder the items.</small>
</p>
<p>
<small class="yikes">(it's broken, but you get the idea...)</small>
</p>
<div>
<!-- Hydrate this React component (i.e. download and execute its code) only when the slide is visible -->
<List client:visible />
</div>
</Slide>

<style>
.yikes {
font-size: .4em;
margin-top: -1.5em;
opacity: .8;
}
</style>

0 comments on commit 7c028ce

Please sign in to comment.