Skip to content

understanding-astro/understanding-astro-book

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Welcome to Understanding Astro!

This book is the ultimate guide to Astro. It represents months of work digging into Astro and conveying that to you in a practical and easy to understand fashion.

If you want to understand Astro, you've come to the right source.

Want to download the ebooks? Click here


✨ Table of contents ✨

The following is a detailed table of contents for Understanding Astro.


Introduction

Introduction


Chapter 1: Build your first Astro Application


Chapter 1: Build your first Astro Application

Chapter 2: Astro Components In-depth

  • What you'll learn

  • Introduction

  • The backbone of Astro

    • The Javascript runtime fatigue

    • Ditching the runtime

  • What is an Astro component?

    • An astro component is a .astro file capable of rendering any valid HTML

    • Astro components can be composed to make complex pages

      • Styles are local by default
      • The HTML element will always be present
      • Styles and Scripts are Hoisted
      • The <head> element and its children will not be hoisted
    • Astro components can leverage a powerful templating syntax

      • Consuming variables
      • Create dynamic attributes
      • Dynamic HTML
      • Dynamic Tags
      • Revisiting Slots
      • Not quite JSX
  • Conclusion

Chapter 3: Build your own Component Island

  • What you’ll learn

  • A brief history of how we got here

    • Where it all begins

    • Client-side rendering (CSR)

      • The pros of client-side rendering (CSR)
      • The cons of client-side rendering
    • Server-side rendering

      • The pros of server-side rendering
      • The cons of server-side rendering
    • Partial hydration for the win

      • The pros of partial hydration
      • The cons of partial hydration
    • Where does the island architecture come from?

  • A partial hydration islands architecture implementation

    • Objectives

    • Installation

    • API design

Chapter 4: The Secret Life of Astro Component Islands

Chapter 5: Oh my React!

Chapter 6: Server-side Rendering (SSR) in Astro


Chapter 1: Build your first Astro Application

Chapter 8: Build your own Astro Integrations

Conclusion