44
55> Starter project showing how to use [ DHTMLX React Gantt] ( https://dhtmlx.com/docs/products/dhtmlxGantt-for-React/ ) in a React App.
66
7+ ** Related tutorial** :
8+ [ https://docs.dhtmlx.com/gantt/integrations/react/state/xstate/ ] ( https://docs.dhtmlx.com/gantt/integrations/react/quick-start/ )
9+
710![ Demo screenshot] ( ./screenshot.png )
811
912
1518
1619### On the local host
1720
18- ** Note** , ` @dhx/react-gantt ` and ` @dhx/trial-react-gantt ` are hosted on a private Npm registry. You need to configure your npm client and request access to them.
19-
20- 1 . [ Start a trial] ( https://dhtmlx.com/docs/products/dhtmlxGantt/download.shtml ) to gain access to ** @dhx ** npm registry and follow the provided instructions for npm configuration.
21-
22- 2 . Clone the repo and run
21+ Clone the repo and run
2322
2423``` bash
2524git clone https://github.com/dhtmlx/react-gantt-quick-start.git
@@ -32,10 +31,10 @@ yarn start
3231
3332The component allows simple declarative initialization:
3433
35- ``` ts
34+ ``` tsx
3635import { useRef } from ' react' ;
37- import Gantt , { ReactGanttRef , Task , Link , GanttConfig } from ' @dhx /trial-react-gantt' ;
38- import " @dhx /trial-react-gantt/dist/react-gantt.css" ;
36+ import Gantt , { ReactGanttRef , Task , Link , GanttConfig } from ' @dhtmlx /trial-react-gantt' ;
37+ import " @dhtmlx /trial-react-gantt/dist/react-gantt.css" ;
3938
4039export interface GanttProps {
4140 tasks: Task [];
@@ -71,7 +70,7 @@ export default function GanttChart({ tasks, links }: GanttProps) {
7170}
7271```
7372
74- Check the [ Online documentation] ( https://docs.dhtmlx.com/gantt/web__react.html ) to find more.
73+ Check the [ Online documentation] ( https://docs.dhtmlx.com/gantt/integrations/react/ ) to find more.
7574
7675## Project structure
7776
@@ -94,12 +93,12 @@ public/
9493
9594The code in this repository is released under the ** MIT** License.
9695
97- ` @dhx/react-gantt ` and ` @dhx /trial-react-gantt ` are commercial libraries - use them under a valid license or evaluation agreement.
96+ ` @dhx/react-gantt ` and ` @dhtmlx /trial-react-gantt ` are commercial libraries - use them under a valid license or evaluation agreement.
9897
9998## Useful links
10099
101100
102101- [ Learn about DHTMLX React Gantt] ( https://dhtmlx.com/docs/products/dhtmlxGantt-for-React/ )
103102- [ Learn about DHTMLX Gantt] ( https://dhtmlx.com/docs/products/dhtmlxGantt/ )
104103- [ Technical support] ( https://forum.dhtmlx.com/c/gantt/react-gantt )
105- - [ Online documentation] ( https://docs.dhtmlx.com/gantt/web__react.html )
104+ - [ Online documentation] ( https://docs.dhtmlx.com/gantt/integrations/react/ )
0 commit comments