As far as the thorough, a lot of things should look very familiar, since I use the same create react
boilerplate we used in the previous section.
So remember previously, when we are on create react up and then we create our first project, well,
essentially I did the same thing, but of course I removed and added some files in this case.
Now when it comes to upcoming lectures in order not to waste your time.
I already prepared all the necessary boilerplate.
So we just need to focus on the functionality.
And the same goes for styles, even though we are not going to use that much sense.
At the end of the day, it is still tutorial.
I did prepare our own systems for, you know, we just need to include classes and you'll be good to
go.
I also provided the complete source code so that where you can write away, compare it with your results
so you don't have to run around and see where there are.
You right away can look on the final folder and you'll be in good shape.
Now, as far as the files and folders where I said a lot of things should be very familiar, where we
have the public and of course we have the source now, we'll do all our work in the source folder.
Now, the difference I remember in the previous section, we worked in the index.
Now in this case, what happens with a boilerplate?
They right away set up Index JS as a place where they import app component and then remember that document
get Aliment Bayada, where essentially we are placing all our functionality into that root dev while
they're doing that by just placing that app component.
And I just left it the way it is, because that way once you start a brand new application, we create
an app.
You're not going to be confused.
Just remember, it is the same thing.
Previously we just set up our components in the index.
Just in this case.
What they're doing is they create everything in the app address, meaning all the components meet in
the objects file, then they export as default.
Remember, by the end of the Taurel we talked about exporting and importing and then in the in the U.S.
they import app as app and then just place it over here.
Now, as far as this reacts, right.
Don't worry about it.
This is just for create react app purposes.
Now in the app, just if you just want to simply test it out, we can change our turn and we can say
here having to, let's say, advanced, advanced react tutorial.
And like I said, the idea is exactly the same as we had in the previous section.
The difference, of course, previously we placed all our components right here next to the render method.
In this case, they have this app.
So the root component where all of our components will meet and then they just render it.
Now, when it comes to Casesa, like I said, I already prepared, even though there's not that much,
this has already prepared a little bit of global styling, some fonts and all that good stuff.
So if you're interested, of course, be my guest.
You can come here and check it out.
What kind of styling are added now?
The more important thing is the tutorial folder.
So into the real folder you'll see a bunch of folders starting with one and then hyphen use that.
So what that means is that it's going to be our first topic.
And then for each topic we all have to folders, we'll have the setup folder.
So this is where we'll do all of our work.
And like I said, I also provided it right away, a complete source code.
So that way, if you don't get the result that you're looking for, then just write or navigate to find
a folder, look for the same exact file we're working and you'll get your answer.
Now in the next video, I'll show you how we'll be doing important and how you can write away.
Check out the final.
The one thing that I would want to mention, though, is that I saved up on the boilerplate where you'll
notice that in all the setup files with the writer, we have the component.
Now, I'm also right away exporting default and I'll talk about it in more detail in the next video.
But the idea is that we don't need to create each and every time the file and on the component and then
all that annoying stuff instead.
Everything is already right away prepared for you.
Then you'll just have to import that particular file in the objets and then just follow along and do
all of.
Your work in this file, so that way we can focus on functionality instead of unnecessary boilerplate,
and that is the brief overview of our application and I think we're ready to kick things into gear and
finally learn some advanced react.