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!