Children/Parent Rendering Responsibilities
Hi everyone! I am using React to make a timeline applet that renders some values happening over time
I have a Timeline parent, then one Row component for each entry, and each row has some Interval components representing time intervals. The parent stores the timeline information in seconds, then I calculate the px equivalents and place everything on screen.
What I would like some feedback on is
- Who should be responsible for determining the position/width of these rectangles?
- What are the "best practices" for unit conversion? Should I convert everything into px as soon as possible or do it at the last moment?
FYI: The Timeline supports drag/drop functionality so all design choices should be aimed towards that as well.
Solution A: Handle the seconds_to_pixels conversion in Timeline, and pass
Solution B: Pass
Solution C: Avoid using
Or something else that I haven't even thought about?
Thanks in advance!
I have a Timeline parent, then one Row component for each entry, and each row has some Interval components representing time intervals. The parent stores the timeline information in seconds, then I calculate the px equivalents and place everything on screen.
What I would like some feedback on is
- Who should be responsible for determining the position/width of these rectangles?
- What are the "best practices" for unit conversion? Should I convert everything into px as soon as possible or do it at the last moment?
FYI: The Timeline supports drag/drop functionality so all design choices should be aimed towards that as well.
Solution A: Handle the seconds_to_pixels conversion in Timeline, and pass
startPxlengthPxSolution B: Pass
startSecondslengthSeconds{left, width}Solution C: Avoid using
position: absoluteflexOr something else that I haven't even thought about?
Thanks in advance!
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
