Adding the Roster Page

By now, you should be comfortable adding Ionic tags into a page, but we have not created a new page from scratch yet. We will tackle that now. We will create arguably the most complicated page in the application.

Creating the page

Back in the app in the previous lesson, create a new file in the pages folder called Roster.tsx.

Inside this file, we will start by creating the simplest page possible.