We will build our navigation from three separate components. Let's look at their purpose real quick:
- The navigation item component: Represents one navigation item within our navigation. Its responsibility is to render the title of a navigation item as well as its behavior when an item is activated.
- The navigation section component: This is used to visually separate navigation items that belong together. We can use this component to group navigation items under a title. This grouping makes it easier for our users to find the navigation items they are looking for.
- The navigation component: This holds the full navigation together. It's just a container that contains our navigation section components together. ...