How to Create a React Gantt Chart App - DHTMLX Tutorial

Veröffentlicht am: 20 April 2022
auf dem Kanal: dhtmlx

10,499

In this video tutorial we will create a basic React Gantt chart app using DHTMLX Gantt. We will build the application using React Class components.
0:00 Intro
0:15 - Prerequisites
0:49 - Component structure
1:25 - Initialization
2:43 - Configuration: Zooming (hours, days, months)
5:33 - Processing changes in Gantt
5:59 - The dataprocessor is initialized with a function that will be called each time a task or a link is changed in the Gantt chart. Whenever this happens, we'll call an update handler in order to propagate changes to the App component.
8:01 - Useful resources

To create DHTMLX Gantt React app on your own:
1) Download DHTMLX Gantt free 30-day trial version: https://dhtmlx.com/docs/products/dhtm...
2) Check a complete demo on GitHub: https://github.com/DHTMLX/react-gantt...
3) Consult the tutorial on our blog: https://dhtmlx.com/blog/create-react-...

Note that DHTMLX Gantt is not a React library, so to use it in the app, we'll need a wrapper component, which will connect the JavaScript Gantt library to the rest of the app, as shown in the video.

#dhtmlx

Auf dieser Seite können Sie das Online-Video How to Create a React Gantt Chart App - DHTMLX Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer dhtmlx 20 April 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 10,499 Mal angesehen und es wurde von 69 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!