Repolode
Предложить
preactjs

preactjs/preact

Быстрая UI-библиотека размером около 4 КБ, совместимая с React и предлагающая тот же современный API компонентов на основе Virtual DOM.

Open source альтернатива:React

Открыть на GitHubСайт
Звёзды
38,951
Форки
4,428
Открытые issues
43
Последний коммит
22 часа назад

Что это?

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

В библиотеке есть поддержка JSX, Virtual DOM, DevTools, hot module replacement и серверного рендеринга с бесшовной гидратацией. Алиас preact/compat позволяет запускать на Preact многие библиотеки для React с широкой совместимостью. Рендеринг выполняется асинхронно с подключаемым планировщиком, а алгоритм diff разработан так, чтобы свести к минимуму операции с DOM.

Preact поддерживает все современные браузеры. Шаблоны можно писать на JSX или HTM, использующем стандартные тегированные шаблонные строки JavaScript.

Ключевые возможности

  • 01Знакомый API React, включая классовые и функциональные компоненты и хуки
  • 02Алиас preact/compat для запуска многих библиотек React
  • 03Встроенные JSX, Virtual DOM, DevTools и hot module replacement
  • 04Серверный рендеринг с бесшовной гидратацией
  • 05Асинхронный рендеринг с подключаемым планировщиком

Сценарии использования

  • Создание фронтенда в стиле React для проектов, где важен размер бандла, например для страниц с высокими требованиями к производительности
  • Постепенный перенос существующего приложения на React с помощью алиаса compat
  • Добавление интерактивных компонентов на сайты с серверным рендерингом

Быстрый старт

  1. 1

    Установите Preact из npm

    npm install preact
  2. 2

    Импортируйте render и h в приложение и отрисуйте компонент в document.body

Темы

#react#ui#virtual-dom#jsx#components#frontend-framework#ssr#dom#preact#vdom

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

Что такое preact?
Быстрая UI-библиотека размером около 4 КБ, совместимая с React и предлагающая тот же современный API компонентов на основе Virtual DOM. Preact — легковесная UI-библиотека с моделью компонентов React, включая классы ES6, хуки и функциональные компоненты, но с гораздо меньшим размером. Она подойдёт разработчикам, которым нравится подход React, но не нужен размер его бандла.
preact можно использовать бесплатно? Какая у него лицензия?
preact распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
preact всё ещё поддерживается?
Активно поддерживается. Последний коммит в preact — 24 окт. 2026 г..
Для чего можно использовать preact?
Создание фронтенда в стиле React для проектов, где важен размер бандла, например для страниц с высокими требованиями к производительности Постепенный перенос существующего приложения на React с помощью алиаса compat Добавление интерактивных компонентов на сайты с серверным рендерингом
Как установить preact?
Установите Preact из npm: npm install preact Импортируйте render и h в приложение и отрисуйте компонент в document.body
Где скачать preact?
Исходный код и инструкции по установке — на GitHub: https://github.com/preactjs/preact

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Tencent / omi

Omi — фреймворк для Web Components с JSX, реактивностью на основе сигналов, роутером и поддержкой Tailwind для создания переиспользуемых пользовательских элементов.

Фронтенд и UI#web-components#jsx#signals
13,3 тыс.1,3 тыс.TypeScriptOtherОбновлён 15 дней назад