Not bad, not bad.
We now know how we can add access to our reactor project, but in a previous video, I mentioned that
in order to access Joske world in Gentex, we need to add these CURLEE pressures.
So let me expand on that.
So essentially, we're going to take a look at the other options we have as far as adding JavaScript
directly and our.
Now, before we do anything, though, I would want to do a little bit of spring cleanup.
Just because I'm looking at the file and I think it's getting quite busy now at this point, I will
switch from these three separate components to one component component and then I'll add all my return
in there.
Again, that is up to you.
If you want to keep everything a separate component, you can definitely do it.
My goal was to showcase that no one is stopping you.
But in general, my preference is not to go to crazy as far as splitting up.
So in here, the only thing that I would want is where I have all the returns, so I'll just place them
here.
So for example, in this book article, I'm going to have the image.
I'm going to have my having one and also add a little bit more things in here now and here.
Of course, I stood side by side, so right away I have the error.
And that as far as the styling, that's not usually my preference.
So I'll just remove it altogether.
So almost all.
Please keep in mind, you always have reference to the files we have been working on.
So here are right after 30 heading for or having one, I'll place my heading for our move.
All my components that I have will save.
And then, of course, I'm going to go back to the seats that are added in the previous video, certainly
here.
Of course, we would just need to change it where if I remember correctly, the color that I had was
a hashtag.
So let me go back hashtag and six one seven and D nine eight, then letter spacing.
I'm not going to add that.
And by the way, I messed that up here, so it's not f it is six and then one else font size I guess
was different.
Right.
So font size and we're looking for zero point twenty five arms.
And also we'll add a little bit of margin to the top margin top and we go with zero point twenty five
Orian's.
That's it.
Now of course, we set everything up correctly.
So back and in next year.
Now let's take a look at what else can we do as far as the Joska, because in a previous video, we
had a look of how we can add a success.
But of course, we can do way more than that again in order to go back to a JavaScript world.
Why do we need to do is to have curly braces.
So now I would want to replace this one with some kind of variable value.
Now, I'm going to start here where I'm going to say const and title.
And that is going to be equal to whatever text I have, so I love you to the moon and back.
Of course, I'll set this up as a string, so copy and paste.
And in here, once I go back to the Joska world, how do I access the variables JavaScript?
And simply I just write a title.
Correct, because that is the name of my variable.
So now, of course, I'm not hard coding this anymore because in here this is sitting in a variable.
And if I'll just start adding essays here, of course, you can see that this value also.
Right.
Or what changes.
And if you want, of course, we can keep this outside as well.
Now, are you always going to keep the variables inside the function or outside?
Well, that depends.
A lot of times you'll be getting this is something we haven't covered yet.
So it really depends.
I'm just showing you the options where you can store those variables for this particular example.
And then if I would want to have the author, I'm going to create another one.
So there's going to be a variable outside this time, just so you can see that it will still work.
So let me grab this value and then, of course, I'm going to have my author like so now wonderful about
setting up JavaScript here in the U.S. that it must return a value.
So it has to be an expression.
It cannot be a statement saying here, let's create a paragraph and let's just start that out.
So we have here a JavaScript, but I'm going to write a statement.
So say let X is equal to your six.
Now, the moment I'll say it, I will have a big fat error where it's going to point to it.
So essentially, we always need to pass something here that returns the value.
So now let me comment this out.
By the way, the way we comment out in RSX, we have calibres and then we have Slash and then the star
now.
I'm using the shortcut, which is command and then forward.
But if you want to check it out, how to actually do that as far as your setup, then look for the edit
and then you're looking for this toggle line comment.
And as you can see, in my case, it is a command and then Porgie.
That's the shortcut that I'm using.
Also, as a side note, if you want to check out all the shortcuts that you have and the reason why
I'm showing that, because not everyone uses a map.
So, of course, some are a little bit different for the windows.
Just go to Visual Studio code, you know, open up in a new window.
And by the way, I'll open up also right away, a new browser window.
And then once you open up before you drag and drop anything, just look for printable keyboard cheat
sheet and this is where you'll find for your operating system.
Now, I'm not saying that you need to sit for one month and memorize them, but, for example, if you'll
learn one keyboard shortcut today, trust me, it will overall improve your workflow tremendously.
So that is a quick side note.
And of course, we're heading back to our project.
So that's how we're coming out.
We cannot have here a statement, but if we'll set up an expression, everything will work.
Now, if I'll try to do the same thing, for example, with the paragraph and in here, I'll past six
plus six.
Now, of course, I'm returning a value and as a result, I'm going to have this 12.
So that's how we can work with JavaScript in the.
So we set up here.
That means we're going back to a just plan.
And then, of course, as long as we're setting up expression, we are good to go.
Now, of course, we can do tons of cool things in here.
For example, I have the author now.
What is the property or I'm sorry, what is the method that we can use on a string?
We can go to, for example, uppercase.
Correct.
And I could just invoke it and I'll see that my value right away is invoked.
So these are just few things that we can do now that we know that we can set up JavaScript in objects.
And essentially you can see that we right away make our way more dynamic.
It just means that we don't have to hardcourt everything.