Hello, everyone.
Welcome back.
Now let's get to the basic pages for our blog, so we will create a new folder inside the SABC folder.
So right click Eufaula and we will name address pages for you.
We will create our pages.
And now let's create a new file inside this pages folder and we will name as dances and your entries
and we need to give.
It's one bag, OK, and you're alone.
Welcome to my blog!
Let me say this fine, and now I will add some load.
It's OK.
So let's take a paragraph and inside we will add some load them at some dummy text, so lower them.
Let's add under this tab.
OK, so hundreds for months.
So let's give it a few of the text.
And we're also I will just copy this basic meaning of this.
They've saved this file.
And now let's take two more paragraphs so they could be tagged Sunday.
Nice.
And, you know, and take a feedback and insight as they know them, and I like to see that, okay.
And now the last one.
So we take an inside look around and let's say that we see this and now we will do some thesis, some
styling for this component.
So last name equals two and we will add some classes.
So.
Margin bottom 20.
So this force is more focused on full stack development than web designing.
So I wanted to make it easy and for us, second to look fairly good looking from stacked up and bending
as easy as possible.
So I would not explain each and every class of failing to this.
If you want, you can just copy this glass of water glass thing might even just pop it and you can just
see it on like tailwind.
See this for you will be able to check out what the classes and what the property is, what the property
belongs to that class.
So in that way, you will be able to learn, okay, because if I explain each and every class, then
it would take so much time.
So my focus is on the state blueprint and web design.
So now, you know, and that's one thing we will add some classes, so class name equals to ask them
next iPhone for exit and thanks to excel, font will be boring.
Then top six text Gray.
I said, I think it's nine, and then there's this book better, OK, this is margin on board with this
text size and now four paragraph.
I like blue glasses, so last name refers to Max Auto leading the next.
There's this four line white text will be based on the modern for margin.
Bottom will be four.
Let me copy this last name and I posted it as well.
And in the third paragraph, as I say, despite and let's import this component in, I've got this,
so let's go to our bodies and let's remove this logo because they're related.
Oh good.
I like import oil from its last pages of okay and good and say this, though, I will import some button
and I'll add some film glasses.
So let's remove this glasses, which we have added Ali.
This is not required.
So here I will add the glasses for this component and which are Max would bring.
And then Max auto pairing will be going to.
Let's see this.
And now let's stick it in the browser.
It looks as you can see, we are getting this hello, welcome to my blog and another few text dummy
text.
And now we need to navigate our pages.
Like if we want to go to about this page from home page, then we need to use routing for that.
So we need to install a practice which is the out there down.
So inside the terminal, let me clear this out and install it, then I can save the React browser going
OK.
So this will help us to navigate between the pages.
Let's remove this.
I brought this because we are using this for the no need of as we will not be using any serious cases,
we will use their lenses as to --.
OK, so now once it is installed, but then we need to import a few things.
So let's import that.
OK, so now it just done.
So let's import browser out there as browser.
OK, we are renaming this, but I was outed as an iPhone and then we need help as well from the back
out there, Don.
OK, now we need to wrap this and then go that.
OK, so there I will write it out.
Let me get this out and I'll stick here.
OK.
And now what we're going to do is we are going to delete this component and inside this deal, we will
write out and put out.
We need two props.
OK, so the first one is the part and the second is component.
So we need to define part.
And for our home page, we will be using Flash.
Does this look Windows 2000?
OK?
And the second is phone connect that will be equal to or let me close this out.
And in order to tell me about that, it needs to match.
Exactly.
So we need to pass one more prop, which is exact.
OK.
So this will exactly match the part.
So let me say this.
Let's go to the browser.
OK.
So this is the meeting starter to start.
And now we are getting the homepage, and if I do slash hello.
And if I put this into so we won't be able to see anything we can see, our app does not display anything,
which is exactly what we would expect.
So this thing is working perfectly fine.
So if I go to a home page, if there is one more apps, we need more than six.
OK, I can save this.
I go back.
Well, let's go to the home page.
So now we can see there's a gap in between this.
So our our thing is working perfectly fine.
If I go to Slack.
Hello?
It one display anything because we don't have any of hello.
It is not matching this.
OK, so this is it for this video and I've seen the next video and then take there and.