Skip to content

Commit 344db73

Browse files
committed
[dev] switch to public trial package, update readme, update deps
1 parent 1ca6224 commit 344db73

5 files changed

Lines changed: 132 additions & 161 deletions

File tree

README.md

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@
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

@@ -15,11 +18,7 @@
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
2524
git clone https://github.com/dhtmlx/react-gantt-quick-start.git
@@ -32,10 +31,10 @@ yarn start
3231

3332
The component allows simple declarative initialization:
3433

35-
```ts
34+
```tsx
3635
import { 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

4039
export 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

9594
The 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/)

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
"preview": "vite preview"
2323
},
2424
"dependencies": {
25-
"@dhx/trial-react-gantt": "^9.1.0",
25+
"@dhtmlx/trial-react-gantt": "^9.1.1",
2626
"react": "^19.2.0",
2727
"react-dom": "^19.2.0"
2828
},

src/components/Gantt/Gantt.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { useRef } from 'react';
2-
import Gantt, { ReactGanttRef, Task, Link, GanttConfig } from '@dhx/trial-react-gantt';
3-
import "@dhx/trial-react-gantt/dist/react-gantt.css";
2+
import Gantt, { ReactGanttRef, Task, Link, GanttConfig } from '@dhtmlx/trial-react-gantt';
3+
import "@dhtmlx/trial-react-gantt/dist/react-gantt.css";
44

55
export interface GanttProps {
66
tasks: Task[];

src/demoData.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import type { Task, Link } from '@dhx/trial-react-gantt';
1+
import type { Task, Link } from '@dhtmlx/trial-react-gantt';
22

33
export const tasks: Task[] = [
44
{ id: 1, text: "Office itinerancy", type: "project", start_date: new Date(2025, 3, 2), duration: 17, progress: 0.4, parent: 0, open: true },

0 commit comments

Comments
 (0)