React Scheduler
React Scheduler ist der offizielle React-Wrap für DHTMLX Scheduler. Es ermöglicht Ihnen, den Scheduler als React-Komponente zu verwenden, während gleichzeitig die vollständige Konfigurations-API unterstützt wird.
Wenn Sie eine vollständige Beschreibung wünschen, wie React Scheduler funktioniert und welche Funktionen es bietet, beginnen Sie mit der Übersicht.
Erste Schritte
Wenn Sie neu beim Wrapper sind, folgen Sie dieser Reihenfolge:
- Installation – wählen Sie die Evaluation (öffentliches npm) oder Professional (privates npm) Version von React Scheduler.
- Schnellstart – Rendern Sie Ihren ersten Scheduler und überprüfen Sie die Einrichtung.
- Konfiguration – Erfahren Sie, wie Sie mit Props, Templates und Event-Handlern arbeiten.
Framework-Integrationen
Wenn Ihre App mit einem Meta-Framework aufgebaut ist, verwenden Sie diese Guides für eine framework-gerechte Einrichtung:
- Next.js - Client-Komponenten-Setup und gängige SSR-Einschränkungen
- Remix - routenbasierte Einrichtung und Integrationshinweise
Wählen Sie ein Datenbindungsmodell
React Scheduler unterstützt zwei Ansätze der Datenbindung:
- Von React verwaltete Daten (empfohlen für die meisten React-Apps). Sie halten Ereignisse in React oder in einem Zustandsmanager, übergeben sie als Props und behandeln Aktualisierungen über die Callback-Funktionen
data.save/data.batchSave. - Vom Scheduler verwaltete Daten (nützlich in spezialisierten, leistungsintensiven Fällen). Sie initialisieren Daten einmal und überlassen Scheduler (und Ihr Backend) den Lebenszyklus der Daten. React wendet aktualisierte Props nach jeder Änderung nicht erneut an.
Um beide Ansätze und deren Vor- und Nachteile zu verstehen, lesen Sie die Grundlagen der Datenbindung und Zustandsverwaltung.
Tutorials zu Daten & Zustand
Wenn Sie eine Zustandsverwaltungsbibliothek verwenden, zeigen die Anleitungen in Daten- und Zustandsverwaltung dasselbe Integrationsmuster, das für jede Bibliothek implementiert ist (Redux Toolkit, Zustand, MobX und mehr), plus Echtzeit-Synchronisierung mit Firebase.
Beispiele und Evaluationsressourcen
Wenn Sie React Scheduler evaluieren, bietet die Evaluationsseite technischen Support während der Evaluierungsphase. Siehe Installation.