SkyGraph
В разработкеUI-библиотека для React и Vue
Множество готовых стилизованных компонентов для React и Vue — таблицы, формы, деревья, графики, календари, диаграммы, дашборды. Один движок, одинаковый внешний вид в обоих фреймворках. Одна команда установки на проект.
Ключевые особенности
- Одни и те же компоненты для React и Vue, одинаковый DOM и CSS
- Стилизованные компоненты для React и Vue — включая Gantt, ResourceCalendar, EventTimeline, SchemaFormEditor, Diagram
- Таблицы и формы из коробки: сортировка, фильтрация, виртуализация, валидация, undo/redo
- Печать и экспорт в PDF — для любой таблицы, диаграммы, графика и дашборда
- Светлая и тёмная темы — одним атрибутом на <html>
Архитектура
Один движок на React и Vue — runtime, который двигает формы, таблицы, деревья и остальное, живёт в отдельном пакете. Адаптеры для React и Vue делят одно состояние, поэтому можно переехать на другой фреймворк, не переписывая логику.
Таблицы и формы из коробки приходят с сортировкой, фильтрацией, виртуализацией, валидацией и undo/redo. Подключаешь данные и правила — остальное берёт на себя библиотека.
CSS обычный — токены через CSS Variables, без CSS-in-JS и runtime-инъекций. Перекрашиваешь — переопределяешь токен; переключаешь тему — атрибутом на <html>.
Один пакет на установку: npm install skygraph-react (или skygraph-vue). Стили подключаются автоматически, отдельный импорт не нужен.
У SkyGraph есть интерактивные демо для React и Vue — таблицы, деревья, формы, диаграммы, графики, дашборды. Открыл и пощёлкал прямо в браузере. Человекочитаемый changelog рассказывает, что приехало в каждом релизе.