How guiqui/react-timeline-gantt works
react-gantt-timeline is a React calendar Gantt component for displaying and interacting with tasks and task-dependency links. A consumer supplies task/link data and callbacks; the timeline coordinates the calendar header, task list, task viewport, and link viewport. Scrolling requests additional date ranges, while task edits, selection, and link creation are reported to the consumer rather than stored as application state by the component. The README documents paging, CRUD integration, customization, and day/week/month/year modes. Some rendering and callback wiring is inferred from the component structure; unsampled internals are represented only where the tree and documentation support them.
Main entry points: TimeLine.js Timeline component · LinkViewPort.js Link viewport · TaskList.js Task list · DataController.js Horizon controller
Components 16
Timeline coordination
- Timeline component
src/lib/TimeLine.js - Horizon controller
src/lib/controller/DataController.js - Calendar header
src/lib/components/header/Headers.js - List splitter
src/lib/components/taskList/VerticalSpliter.js
Task display and editing
- Task list
src/lib/components/taskList/TaskList.js - Editable text
src/lib/components/common/ContentEditable.js - Task viewport
src/lib/components/viewport/DataViewPort.js - Task bar
src/lib/components/viewport/DataTask.js
Dependency links
- Link viewport
src/lib/components/links/LinkViewPort.js - Dependency link
src/lib/components/links/Link.js - Link creation
src/lib/components/links/CreateLink.js
Time and configuration
- Task registry
src/lib/helpers/registry/Registry.js - Date mapping
src/lib/helpers/DateHelper.js - Display configuration
src/lib/helpers/config/Config.js
Other components
- Application consumer
- Moment date library
Connections 21
- Application consumer → Timeline component: supplies data
- Timeline component → Application consumer: reports interactions
- Timeline component → Horizon controller: requests horizon
- Horizon controller → Date mapping: converts dates
- Horizon controller → Timeline component: notifies range
- Timeline component → Calendar header: renders
- Timeline component → Task list: renders
- Timeline component → Task viewport: renders
- Timeline component → Link viewport: renders
- Timeline component → List splitter: renders
- Task list → Editable text: renders
- Task list → Task registry: groups tasks
- Link viewport → Task registry: looks up tasks
- Link viewport → Dependency link: renders links
- Link viewport → Link creation: renders creation
- Calendar header → Date mapping: maps positions
- Link viewport → Date mapping: maps positions
- Calendar header → Moment date library: formats dates
- Timeline component → Display configuration: loads settings
- Task list → Display configuration: reads settings
- Task bar → Display configuration: reads settings