-: In the last section, we spoke about
how we're going to approach figuring out
what we need to test inside of our application.
So in this video, we're gonna get started
on our actual implementation of our app
and then very quickly start writing some tests around it.
The first thing we're going to work on is our app component.
So we're going to put together a very basic app component.
We're going to put together kind of
a boiler plate or very quick implementation
of our CommentBox and CommentList,
and make sure that these two components
show up inside the app.
And then we will be able to write our tests that say,
Yep, the CommentBox and the CommentList are visible
or displayed within the App Component.
So let's get to it.
We're gonna flip back over to our code editor
and start working on the App, CommentBox and CommentList.
All right, so once over here
I'm back inside my code editor.
Inside my code editor you'll recall that
I have this src directory here
with a couple of different files
that were generated by Create React app.
Now, anytime that I get started with Create React app
I really don't care to use all this pre-generated code.
So what I usually do is I delete the entire src directory
and I start from scratch.
And I really recommend you do the same
cuz it's gonna give you a better idea
of how we set all this stuff up
without any prior implementation
or copy pasting or anything like that.
So I'm gonna find the src directory
and I'm gonna delete the entire thing.
I'll then immediately recreate the src folder.
So inside the route directory
I'll make a new folder called src.
And then inside of here, we're gonna very quickly
create a couple of different files and folders.
I'm gonna first make a new file called index.js.
So this file right here is gonna serve as the absolute route
or kind of boot up location of our application.
Anytime you run a Create React app project
it always assumes that you've got a file
inside the src directory called index.js.
So this is a required file right here.
Then inside the src directory, I'm gonna make a new folder
and I'm going to call it components.
Inside the components directory
I'll make a new file called App.js.
As you might imagine
this is gonna house all the code for our App Component.
Then inside the components directory
I will also create two files
for our CommentBox component in the comment list.
So I will first make a new file for CommentBox.js,
so there's one.
And then also CommentList.js, and there's two.
Okay, so that looks good.
Let's take a quick pause right here.
When we come back,
we'll start putting together some boiler plate
for the CommentBox and the CommentList.