The understanding-astro-book from understanding-astro

understanding-astro-book's People

Contributors

Stargazers

Watchers

understanding-astro-book's Issues

Adding view transition

In the age where Internet are getting faster, most websites have are still slow that user are expecting the page to load as quick a possible, view transition is a good direction for Astro for better UX or turbolink. Adding these chapters will open new door for the curious developers.

Capitalising component names

⚠️ Capitalising component names

---
import layout from "../layouts/mainLayout.astro";

<layout data-astro-cid-j7pv25f6="">
  <div class="profile" data-astro-cid-j7pv25f6="">
    <img src="https://i.imgur.com/JPGFE75.jpg" class="profile__picture" alt="Frau Katerina's headshot." width="100px" height="100px" data-astro-cid-j7pv25f6="">
    <div class="profile__details" data-astro-cid-j7pv25f6="">
      <h1 data-astro-cid-j7pv25f6="">Frau Katerina</h1>
      <h2 data-astro-cid-j7pv25f6="">VP of Engineering at Goooogle</h2>
      <p data-astro-cid-j7pv25f6="">
        Helping developers be excellent and succeed at building scalable products
      </p>
    </div>
  </div>
</layout>

---
import Layout from "../layouts/mainLayout.astro";

- <layout data-astro-cid-j7pv25f6="">
+ <main>
  <div class="profile" data-astro-cid-j7pv25f6="">
    <img src="https://i.imgur.com/JPGFE75.jpg" class="profile__picture" alt="Frau Katerina's headshot." width="100px" height="100px" data-astro-cid-j7pv25f6="">
  <div class="profile__details" data-astro-cid-j7pv25f6="">
    <h1 data-astro-cid-j7pv25f6="">Frau Katerina</h1>
    <h2 data-astro-cid-j7pv25f6="">VP of Engineering at Goooogle</h2>
    <p data-astro-cid-j7pv25f6="">
      Helping developers be excellent and succeed at building scalable products
    </p>
  </div>
  </div>
+ </main>
- </layout>

Is the difference in rendering due to Astro ?

Astro                    v3.5.3
Node                     v18.17.1
System                   Linux (x64)
Package Manager          pnpm
Output                   static
Adapter                  none
Integrations             none