In this lecture, we're going to create a component for rendering a list of clips to kick things off.
We're going to focus on the home page, as we discussed in the previous lecture.
This page will need to render an infinite amount of clips.
Our component should handle listening to scroll events on the page.
If the user scrolls will initiate a request for rendering more clips before we dig into requests, let's
move the list from the home component to a new component in the command line.
Run the following command Nji G Component Clips list.
We are registering this component under the app module.
The next step is to transfer the template from the home component to the clips list component.
Open the home template file.
Search for that template by looking for a comment that says Cliff's list.
We're going to cut the entire div tag from the templates.
Next, open the clips list template file.
Let's replace the current template with the new template.
Lastly, we can try loading our component inside the home component.
We're going to add it in the same location, we grabbed the components template.
Let's try viewing the home page in the browser.
The component gets rendered without a problem.
We can move on to grabbing videos from our database.
Let's begin this process in the next lecture.