The first thing we need to do is to create a directory that will hold the files we'll need for our playground component. Each of our components has its own directory, and are all subdirectories the app directory—which is itself a subdirectory of the src directory within the project root directory.

Since we're adding a new component, we'll follow our convention and create a directory for it. In your IDE, right-click the app directory, select New Folder, and enter playground as the name—which follows our convention that we've used so far. Once that is done, we'll have a place to insert the files that will collectively make up our component.