This sample demonstrates render optimization in Gantt Chart by minimizing DOM updates during rendering. The sample disables autoCalculateDateScheduling and uses a valid, pre-calculated data source so task dates are not recomputed during rendering, improving initial load performance.
This demo measures initial data load time and demonstrates render optimization by disabling autoCalculateDateScheduling and
providing a valid (pre-calculated) data source so the Gantt Chart does not recompute task dates during rendering. Combined with virtualization,
this reduces DOM updates and improves initial load and scroll performance.
Gantt component features are segregated into individual feature-wise modules. To use virtual scroll and selection features, inject
the VirtualScroll and Selection into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.