Перейти к основному содержимому

React Scheduler

React Scheduler — официальная обертка React для DHTMLX Scheduler. Она позволяет использовать график Scheduler как компонент React, сохраняя при этом полный API конфигурации.

Если вам нужно полное описание того, как работает React Scheduler и какие функции он предоставляет, начните с Обзор.

Начало работы

Если вы новичок в обертке, следуйте этому порядку:

  1. Установка - выберите версию React Scheduler: Evaluation (публичный npm) или Professional (частный npm).
  2. Быстрый старт - отрисуйте ваш первый график и проверьте настройку.
  3. Конфигурация - узнайте, как работать с props, шаблонами и обработчиками событий.

Интеграции с фреймворками

Если ваше приложение построено на мета-фреймворке, используйте эти руководства для настройки, соответствующей фреймворку:

  • Next.js - настройка клиентского компонента и общие ограничения SSR
  • Remix - настройка на основе маршрутов и заметки по интеграции

Выбор модели привязки данных

React Scheduler поддерживает два подхода к привязке данных:

  • React‑управляемые данные (рекомендуются для большинства приложений на React). Вы храните события в React или в менеджере состояний, передаете их как props и обрабатываете обновления через колбэки data.save/data.batchSave.

  • Данные, управляемые Scheduler (полезны в специализированных, чувствительных к производительности случаях) Вы инициализируете данные один раз и позволяете Scheduler (и ваш бэкенд) управлять жизненным циклом данных. React не повторно применяет обновленные props после каждого изменения.

Чтобы понять оба подхода и их компромиссы, прочитайте Основы привязки данных и управления состоянием.

Учебники по данным и управлению состоянием

Если вы используете библиотеку управления состоянием, руководства по Работе с данными и управлением состоянием демонстрируют тот же паттерн интеграции, реализованный для каждой библиотеки (Redux Toolkit, Zustand, MobX и т. д.), а также синхронизацию в реальном времени с Firebase.

Примеры и ресурсы для оценки

Если вы оцениваете React Scheduler, страница оценки предоставляет доступ к технической поддержке на период оценки. См. Установка.

Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.