I am trying to create a navigation with a 'more' menu. It seems to be a fairly simple concept.. CBS Sports is an example of it (https://www.cbssports.com/)
Basically show as many links as possible, and push the rest to the dropdown.
Is there a correct approach to implementing this in react? Basically change the count of visible items based on the size of the screen?
I've been trying to find an example of an implementation but am not sure how to find it.
Changing the count of visible items based on the size of the screen for me is a good idea. You can create variable which give you number of visible items. Later you can map after filtered items from array which contains all items. For example
arr.filter((_,i)=> i < number).map(item=> (<li>{item}</li>))
and for item which go to dropdown
arr.filter((_,i)=> i >= number).map(item=> (<li>{item}</li>))