Astro

Фреймворк, ориентированный на контентные сайты, который по умолчанию отправляет в браузер минимум JavaScript.

Astro спроектирован в первую очередь для сайтов, где основной контент — статичный текст и изображения: блогов, документации, лендингов, а не сложных интерактивных приложений. Ключевая идея — «частичная гидратация»: интерактивные элементы вроде виджета получают JavaScript, а остальная страница остаётся обычным статичным HTML, что ускоряет загрузку.

Astro позволяет использовать компоненты из разных фреймворков — React, Vue, Svelte — на одной странице, что удобно, если нужно постепенно перенести проект или использовать готовые компоненты из другой экосистемы, но материалы по нему обычно рассчитаны на людей, уже знакомых хотя бы с одним фреймворком фронтенда.

В каталоге
0 курсов

Минимум JavaScript там, где страница в основном статична

  1. Уточните тип сайта

    Astro лучше всего подходит для контентных сайтов вроде блогов и документации, а не сложных SPA — проверьте, соответствует ли это вашей задаче.

  2. Оцените понимание частичной гидратации

    Это ключевая концепция Astro, влияющая на производительность страницы — посмотрите, разбирается ли она подробно.

  3. Проверьте совместимость с другими фреймворками

    Astro поддерживает компоненты из React, Vue и других библиотек — уточните, какие из них рассматриваются в материале.

  4. Оцените предполагаемый опыт

    Материалы по Astro часто рассчитаны на тех, кто уже знаком хотя бы с одним фронтенд-фреймворком.

Курсы в каталоге

Найдено: 0
Как работает складчина
  1. Выберите материал

    Сравните программу, автора, отзывы и размер взноса в карточке.

  2. Проверьте статус

    Готовый курс можно приобрести. В предзаказ можно записаться и дождаться уведомления о старте.

  3. Внесите свою долю

    Перед оплатой проверьте актуальную сумму: взнос в предзаказе может измениться.

  4. Получите доступ

    После подтверждения оплаты следуйте инструкции из письма. Если нужна помощь, обратитесь в поддержку.

Подробнее об участии и получении материалов →

Другие направления подкатегории

Частые вопросы

Подходит ли Astro для сложных интерактивных приложений?

Не в первую очередь — фреймворк создан для контентных сайтов с минимумом интерактивности, для сложных SPA чаще выбирают React, Vue или Angular напрямую.

Можно ли использовать React-компоненты внутри Astro?

Да, это одна из особенностей Astro — он поддерживает компоненты из нескольких популярных фреймворков на одной странице.

Что такое частичная гидратация в Astro?

Это подход, при котором JavaScript отправляется в браузер только для тех элементов, которым действительно нужна интерактивность, а остальная часть страницы остаётся статичным HTML.

Нужен ли опыт с другим фреймворком перед Astro?

Формально не обязателен, но многие материалы предполагают, что слушатель уже знаком хотя бы с одним фронтенд-фреймворком и базовыми концепциями компонентов.