The Header component is rendered 4 different times, one for each Section. It would be more efficient to render it once as a sticky element instead. Each Section will just need a listener to change the header content when it passes. This would also remove the duplication of navList being passed down to each SectionContainer as props. This method would also allow for clean transitions on the header between sections.
The Header component is rendered 4 different times, one for each Section. It would be more efficient to render it once as a sticky element instead. Each Section will just need a listener to change the header content when it passes. This would also remove the duplication of navList being passed down to each SectionContainer as props. This method would also allow for clean transitions on the header between sections.