title: Building timeline for video editor using React JS
body: <p><a href="https://i.stack.imgur.com/iKinC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iKinC.png" alt="enter image description here" /></a></p>
  <p>Especially looking for an idea or way around to achieve this.</p>
  <p>I am trying to build a video editor/mixture as in the above image using react js. This UI primarily targets to align different video/image media with timelines. As user drag video/image in any of the layer, it just needs to expand or shrink with time scale.</p>
  <p>Three screens are for three different videos. A feature like a crop/split is not required. This UI collect information and send it to the server which will do the rest of the processing. Required contents are already on our servers.</p>
  <p>Any solution/possible direction on collecting media information drag into layers with the time scale on the top ?. What are the best resources to achieve this UI using React JS?</p>