solid

Solid — это JavaScript-библиотека с открытым исходным кодом для создания пользовательских интерфейсов. Её определяющий дизайнерский выбор — отказ от виртуального DOM: шаблоны компилируются в реальные DOM-узлы, а обновления применяются через мелкозернистые реактивные реакции, так что при изменении части состояния повторно выполняется только код, зависящий от неё. Реактивная модель Разработчики объявляют состояние с помощью примитивов, таких как createSignal, который возвращает аксессор и сеттер. Производные значения выражаются обычными функциями, вызывающими аксессор, а отслеживание зависимостей происходит автоматически — чтение реактивного состояния подписывает окружающее вычисление на него. Компоненты — это обычные функции, которые выполняются один раз для настройки представления; README описывает это как ментальную модель «render-once». Документация показывает, как компилятор извлекает статический HTML в шаблон и вставляет динамические выражения, чтобы один текстовый узел мог обновляться без повторного рендеринга родительского элемента. Возможности фреймворка Библиотека предоставляет JSX, фрагменты, Context, Portals, Suspense, потоковый серверный рендеринг, прогрессивную гидратацию, Error Boundaries и конкурентный рендеринг. Встроенное управление состоянием предлагается через Context и Stores, а Resources позволяют обрабатывать загруженные с сервера данные как другое реактивное состояние и рендерить их отзывчиво с Suspense и конкурентным рендерингом. README отмечает поддержку SSR и serverless со стримингом и прогрессивной гидратацией. Совместимость и расширяемость Solid описывается как изоморфный (рендеринг на клиенте и сервере) и универсальный, с настраиваемыми рендерерами для использования в других средах. Он описывается как дружественный к веб-компонентам и способный создавать пользовательские элементы, с сопутствующим пакетом solid-element. Он интегрируется с JSX и TypeScript, а также с экосистемой Vite; официальные шаблоны для JavaScript и TypeScript можно создать через degit, а рекомендуемая настройка — пресет Babel (babel-preset-solid) плюс зависимость solid-js, при этом TypeScript требует jsx: "preserve" и jsxImportSource: "solid-js". На сайте проекта предоставлены интерактивная площадка и обучающее руководство. Заявленные цели README утверждает о небольшом, tree-shakable бандле и производительности, близкой к оптимизированному чистому JavaScript, ссылаясь на JS Framework Benchmark и сравнения размера бандла. Он подчёркивает простоту, композируемость и небольшое число скрытых правил, поощряя декларативный код и разделение чтения и записи, при этом отмечая, что нативные JavaScript-библиотеки, такие как D3, можно использовать напрямую, поскольку абстракции минимальны. Сообщество и поддержка Поддержка охватывает последние два года современных Firefox, Safari, Chrome и Edge на десктопе и мобильных устройствах, а на сервере — Node LTS и недавние среды выполнения Deno и Cloudflare Worker; IE и подобные устаревшие браузеры явно не поддерживаются. Тестирование обеспечивается SauceLabs. Проект поддерживает сообщества Discord и Reddit, базу контрибьюторов, страницу финансирования Open Collective и растущую экосистему общественных примитивов, библиотек компонентов и утилит времени сборки.