So let's now work on this all events page.
So on this index.js file in the events folder.
Here, we want to render all events,
not filtered, not featured, all events.
And therefore, of course, we want to get all events.
So here we grab all our events,
by reaching out to get all events,
which is another helper function
defined in the dummy-data.js file.
Here I have the get all events function,
which returns the entire dummy events events array.
So here we call that, and in order to call it,
we need to import it from dummy data.
Now that we get the events here,
we wanna render a list of those events.
And that is where we can reuse our event list component.
So at the top, we just need to import event list
from and then go up two levels,
dive into components, events, event list,
and then simply output this event list component again here.
Event, oops, event list, like this.
And to event list, we still need to pass an items prop,
just as we did before on the starting page.
And we pass in all the events we loaded.
So with that, we save this,
we see all the events here on this page.
And that was super easy to do and super easy to add
because we already did work on the even items
before in the earlier course lectures.
Therefore, we now added a lot of functionality,
but one crucial piece of functionality is missing.
We also have this slug page,
where we want to filter for events
and where we want to consume multiple path segments.
So therefore that will be the last main feature
which we add before we'll then polish
the overall app thereafter.