DEV Community

Cover image for How to create a Timeline Component with React

How to create a Timeline Component with React

Florin Pop on April 28, 2019

These days I've been working on a new page for my website. I wanted to have a Timeline to showcase some of my professional accomplishments over the...
Collapse
 
chenge profile image
chenge β€’

link broken

Collapse
 
dance2die profile image
Sung M. Kim β€’

All timeline seems to be relative thus pointing to the dev.to/timeline link instead of florin-pop.com/timeline

Collapse
 
florinpop17 profile image
Florin Pop β€’

Thanks! I updated it too ☺️

Collapse
 
florinpop17 profile image
Florin Pop β€’

Oh, sorry!! I fixed it now! Thanks for pointing out! ☺️

Collapse
 
rokkoo profile image
Alfonso β€’

When this can be false?

&& (



{timelineData.map((data, idx) => (



))}



)
Collapse
 
florinpop17 profile image
Florin Pop β€’

When there isn't a data item in the array.

Collapse
 
logeekal profile image
Jatin Kathuria β€’

I love the idea and design.. Good Job.

Collapse
 
florinpop17 profile image
Florin Pop β€’

Thank you!!

Collapse
 
flashnoob profile image
flashnoob β€’

I used bulma timeline plugin. This one is pretty good

Collapse
 
florinpop17 profile image
Florin Pop β€’

Glad you like it!

Collapse
 
mariofraissdigital profile image
Mario Fraiss β€’

Thanks for sharing! Well implemented AND designed :)

Collapse
 
florinpop17 profile image
Florin Pop β€’

Thank you!!

Collapse
 
james_hist profile image
James historytimeline.com β€’

This is a nice post. I've worked on a desktop timeline you can see on HistoryTimeline.com, to make timelines similar to that, but horizontal!