Astro
Astro - это веб-фреймворк, генератор статических сайтов, который строится без JavaScript; с Astro можно использовать любые библиотеки, включая React, Vue и Angular.
В принципе, современная фронтенд-разработка выглядит так: загружается огромный JS-файл, он разбирается, а затем все отрисовывается. Да, существуют оптимизации, разбиение на куски, отключение JavaScript и т.д., но они не решают саму проблему производительности.
Astro предлагает совершенно иной подход. По умолчанию он строит чистый HTML и CSS, а все динамические элементы размечает вручную. Это называется "островной архитектурой", где вода - это HTML и CSS, а острова - это JS.
stro использует рендеринг на стороне сервера вместо рендеринга на стороне клиента везде, где это возможно. Такой же подход используется в традиционных серверных фреймворках - PHP, WordPress, Laravel, Ruby on Rails и т.д. -- используются уже несколько десятилетий. Однако для его использования нет необходимости изучать второй серверный язык.
Этот подход отличается от современных веб-фреймворков на JavaScript, таких как Next.js, Svelte Kit, Nuxt и Remix. Эти фреймворки требуют рендеринга всего сайта на стороне клиента и включают рендеринг на стороне сервера в основном для решения проблем производительности. Такой подход называется одностраничным (Single Page Application, SPA), в отличие от многостраничного (Multi Page Application, MPA) подхода Astro.
SPA имеет свои преимущества. Однако он связан с дополнительной сложностью и компромиссами в производительности. Эти компромиссы снижают производительность страницы, включая такие ключевые показатели, как время взаимодействия (TTI). Это менее актуально для сайтов, ориентированных на контент, где производительность при первой загрузке имеет решающее значение.
Цель Astro - быть доступным для всех веб-разработчиков - Astro разработан так, чтобы быть дружественным и доступным, независимо от уровня квалификации или предыдущего опыта веб-разработки.
Мы начали с того, что сделали так, чтобы ваши любимые компонентные языки, которые вы уже знаете, - React, Preact, Svelte, Vue, Solid, Lit и некоторые другие - могли использоваться для создания новых UI-компонентов в проектах Astro. Поддерживается.
Мы также хотели предоставить хороший встроенный компонентный язык для Astro. Для этого мы создали собственный язык компонентов .astro. Он в значительной степени вдохновлен HTML, и любой правильный HTML уже является правильным компонентом Astro! Но он также сочетает в себе любимые функции, заимствованные из других компонентных языков, такие как JSX-выражения (React) и стандартные CSS-области (Svelte и Vue). Близость к HTML позволяет легко использовать прогрессивные расширения и общие шаблоны доступности без лишних затрат. без лишних затрат.
Astro спроектирован так, чтобы быть менее сложным, чем другие UI-фреймворки. Одной из основных причин этого является то, что Astro предназначен для рендеринга на сервере, а не в браузере. Это означает, что вам не нужно беспокоиться о хуках (React), устаревших закрытиях (также React), рефрешах (Vue), наблюдаемых (Svelte), атомах, селекторах, реакциях и производных. Вся эта сложность устраняется благодаря отсутствию реактивности в сервере.
Одна из наших любимых поговорок гласит: "довольствуйтесь сложностью". Astro был разработан таким образом, чтобы устранить как можно больше "необходимых сложностей" из опыта разработчика - вы можете создать в Astro пример сайта "Hello World", используя только HTML и CSS. Затем, когда вам понадобится создать что-то более мощное, вы сможете постепенно получать доступ к новым функциям и API.
