Why Astro?

Before we begin, let’s discuss why someone would choose Astro in the first place. In this lesson, we’ll explore some of the benefits that Astro offers over other frameworks.

Easy learning curve

One of the main advantages of Astro is its shallow learning curve. Astro’s syntax closely resembles JavaScript XML (JSX), which makes it easy to get started if we already have experience with React. To understand the structure of an Astro component, let’s take the following as an example where we have the layout, styles, and script in the same component. See src/pages/index.astro in the code example below to inspect the component: