react-chrono

Dev tools

ui component library

SHOW HN2020

Legend

react-chrono

A timeline component for React with multiple layout modes

github.com

#react timeline#react component#timeline layout#react chrono

269points
56comments
#165of 3,028 in 2020
Top 6%of 2020 by points

How HN took it

MixedNo clear lean

10 positive, 9 neutral or asking, 2 mixed, 5 critical, out of 26 comments about the project. Thread score +0.22.

Design: 3 for, 3 againstDocs: 1 for, 1 againstIdea: 2 for, 0 againstExecution: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Clean design and well-written docs with a demo up front

    From 3 comments
    • I don't know much about React, but I look at projects on github all the time and you nailed everything here. Demo right up front, well organized & well written docs, tests…
      waterside81 on HN
    • Super clean very good work
      OliverGilan on HN
    • This excellent! Thank you this. Love it.
      vikashkoushik on HN
  • Useful for displaying timelines such as event agendas

    From 1 comment
    • Thanks for sharing it, I will try to use this soon to display an Event agenda.
      nakovet on HN

Objections

  • Accessibility is incomplete: no landmarks, weak keyboard navigation, no focus indicator

    From 1 comment
    • The accessibility of this leaves a lot to be desired: - There are no landmarks. - The keyboard navigation works poorly. - There are no live regions to show changing content. -…
      justinph on HN
  • Some advanced layouts do not work in Safari

    From 1 comment
    • The accessibility of this leaves a lot to be desired: - There are no landmarks. - The keyboard navigation works poorly. - There are no live regions to show changing content. -…
      justinph on HN
  • The tree layout name is confusing

    From 1 comment
    • I think `tree` is a bit confusing for what is essentially still linear vertical diagram. You can imagine you could have a layout with actual branches.
      xixixao on HN

Requests

  • Responsive layout support

    From 2 comments
    • I'll keep an eye on this for the responsive feature that's planned! I recently implemented a timeline on the https://wavy.fm front page to communicate that the website is still…
      momothereal on HN
    • Thanks for making this. I am hoping this is responsive.
      asadlionpk on HN
  • Click-and-drag and scroll navigation

    From 2 comments
    • The ability to click and drag the timeline to scroll through it would be an excellent addition!
      piercebot on HN
    • Looks great, lots of presentation options and whatnot, but I was missing the ability to scroll on desktop.
      jaquers on HN
  • Scale spacing between entries by time gap

    From 1 comment
    • I've wanted something like this for a while, but it's missing what to me is the most important feature: scaling the distance between entries based on the length of time between…
      Tossrock on HN
  • Zoom out feature

    From 1 comment
    • Is it possible to zoom out? It's hard to place events relatively to each other if you can only see 2-3 on the screen at a time.
      phailhaus on HN
  • Multiple synced side-by-side timelines

    From 1 comment
    • I expected `tree` to allow multiple side by side (but still synced) timelines. For instance in your examples there'd be one line for European ops, and another for Japanese. Any…
      jakear on HN

Questions

  • Does it support printing or PDF export?

    From 1 comment
    • This is really cool! Does it support printing or converting to pdf well?
      naderkhalil on HN

Alternatives named

  • ChronoFlo Timeline Maker

    From 1 comment
    • Great job - your timeline widget looks really neat. I look forward to seeing how it develops in future. For your interest, there is a small group of hobbyist developers and small…
      alexkearns on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/24869897)