I built a headless timeline/Gantt for React — would love some feedback
dev.to·
Building complex UI components like timeline and Gantt views requires careful performance optimization and clean architectural boundaries. This headless React implementation handles high-density scheduling data by virtualizing items across both time and layout axes, maintaining fluid performance even with massive datasets. By adopting a headless design pattern, it completely separates rendering logic from state management—exposing slots for sidebars, headers, grids, and task dependency arrows via render props. Additionally, it supports full keyboard navigation, screen reader accessibility, and precise IANA time zone calculations with DST handling. For frontend and full-stack developers using TypeScript and React, studying this component highlights best practices in building headless, accessible, and high-performance complex UI primitives.