React Gantt
React Gantt — официальная обёртка React для DHTMLX Gantt. Она позволяет использовать диаграмму Gantt как компонент React, сохраняя при этом полный API конфигурации.
Если вам нужна полная характеристика того, как работает React Gantt и какие функции он предоставляет, начните с Обзор.
Начало работы
Если вы используете ИИ-ассистент для кодирования, навык агента DHTMLX React Gantt DHTMLX React Gantt agent skill может помочь ему следовать корректным паттернам интеграции и избегать распространённых ошибок. Для справки по API в реальном времени подключите сервер DHTMLX MCP server.
Если вы новичок в обёртке, следуйте такому порядку:
- Установка - выберите версию React Gantt: Evaluation (публичный npm) или Professional (приватный npm).
- Быстрый старт - отрисуйте ваш первый график и проверьте настройку.
- Настройка - узнайте, как работать со props, шаблонами и обработчиками событий.
Интеграции с фреймворками
Если ваше приложение построено на мета-фреймворке, используйте эти руководства для настройки, соответствующей конкретному фреймворку:
- Next.js - настройка клиентского компонента и общие ограничения SSR
- Remix - настройка на основе маршрутов и примечания по интеграции
Выберите модель привязки данных
React Gantt поддерживает два подхода к привязке данных:
-
React-управляемые данные (рекомендуются для большинства приложений на React). Вы храните задачи/связи в React или в менеджере состояний, передаете их как props и обрабатываете обновления через колбэки
data.save/data.batchSave. -
Данные, управляемые Gantt (полезны в специализированных, чувствительных к производительности случаях) Вы инициализируете данные один раз и позволяете Gantt (и вашему бэкенду) владеть жизненным циклом данных. React не повторно применяет обновлённые props после каждого изменения.
Чтобы понять оба подхода и их компромиссы, прочитайте Основы привязки данных и управления состоянием.
Учебники по данным и состоянию
Если вы используете библиотеку управления состоянием, руководства в Учебники по данным и состоянию демонстрируют тот же образец интеграции, реализованный для каждой библиотеки (Redux Toolkit, Zustand, MobX и другое), плюс синхронизацию в реальном времени с Firebase.
Примеры и ресурсы для оценки
Если вы оцениваете React Gantt, страница оценки предоставляет доступ к технической поддержке в течение периода оценки. См. Установка.