How to Create a React Gantt Chart App - DHTMLX Tutorial

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/dhtmlxGantt/download.shtml
2) Check a complete demo on GitHub: https://github.com/DHTMLX/react-gantt-demo
3) Consult the tutorial on our blog: https://dhtmlx.com/blog/create-react-gantt-chart-component-dhtmlxgantt/

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

Тэги:

#gantt_chart_tutorial #dhtmlx #dhtmlx_tutorial #dhtmx_gantt #react_gantt #react_gantt_chart #chart_app #javascript_gantt_chart

Скачать видео