Mel Gibson will be creating the node component in which the component will be displaying that whenever
we create the components that will be going to the node component and that it would be displaying inside
the inside de-list.
So basically it's a review component.
It will display a review.
So let us create that inside the components folder.
So that will be named as the viewing audience or not to just whatever.
Yes, a good set of, you know.
And here are the very first thing, obviously the widespread cold called those hippy and then some,
it's certain that C this will give us the boilerplate code and we have successfully coded all of it.
But I think we missed one thing.
We did not have enough functionality to the add note.
Okay, and that will do OK.
First, let us do that only we'll come up to the node component later.
But let me give some JavaScript to it.
Oh, I completely forgot.
OK, now let does give some script to the add note.
OK, and to the very first thing is, let me import you straight from react to that is what we'll be
needing.
So use.
It.
So eliminating that next, let us.
Giving it a hook.
But first, let me just pass a prop inside this big box, a prop that will be handled, not which will
make use below and not.
And after this, and certainly not, we'll have a concert and sound of this, we'll be having the north
exit from North next.
And we'll have the second or next.
But not next.
That.
And will provide initial value could then be used to use.
It.
So in the beginning, it will be empty string, an empty string.
OK, so that's it.
We'll set the character limit for the contest and get it.
Limit, maybe you can set it to 500 words would be good.
Or 350, 500 feet?
I think.
OK, so often that.
We will create a handle chain.
Now what this handle chain will do is that it will be responsible for capturing the data whenever the
user, whenever there's a change.
So that annual change will change the character limit variable because it will be showing how much characters
are left with.
That will be calculated when the user type something around, according to the keystrokes.
And that will be like trained in the real time.
Oh okay.
So let us do that.
So here what we'll do is we will create concert and Berlin and.
And.
Out of this, there would be.
An event?
Oh, you can read just E!
That was also enough to conduct event for the same event.
And then if the goal to limit events listed in the connector.
Character limit minus revenge, not even even thought.
Done, great.
Cute or.
Well, you saw.
Land.
And there should be greater than zero, basically.
Well, basically, what what is the value it will be counting this with the learned function and function?
And it will be subtracting it in real time as long as that's greater than zero.
So this will work.
This if statement will be true and as like it is greater than or less than equal to zero.
So this is not executable.
Obviously, that's the thing.
So I don't think that it's all that complicated.
So next, we'll provide the written.
You said North.
That note text and inside of this of the boss event.
Well, I am hoping like this surrender to the dark value, so this will be parsed inside this, OK?
Now we will be writing the handle save.
What is the handle?
So click whenever we type the blog review and whenever we click on Publish button.
To what will happen.
Right now, we have not given any functionality before that we need to create a function which will
be responsible for all of this.
So for that, we will write contest and.
Save and and click here.
Click.
Mick?
Yeah, this one.
Inside of your.
That it will be a federal function.
And.
Now what what it will do to it will check with the final statement that North.
Next.
Grim.
And it will be giving Bill Land.
Lend greater than zero if it's greater than zero, but then it will give an as handle.
No, and inside of that, that will be a nought nought.
Next.
And we said the note.
That not next as this A..
Who's?
So I'll save it, and now we will be giving that functionality to this device like we will time.
I will be tying on these functions inside all of this.
So the very first thing is we'll go to the text area and here we'll give on change and value and everything
like that to the very first thing which will give is the value of its value.
So its value will be.
This.
Next and next, we'll be having an own change.
And on change.
We'll be having been voting.
And you change a lot and change.
Yeah, this one.
We'll see it.
And after that, we'll be giving the functionality to a button that whenever we press the button.
What will happen?
So for that, we need to try and on click function to it, then only it will be responsible for whatever
you want it to be like functionality.
Let me remove this button directly inside the button after this glass.
Hmm.
What we'll do is we'll give the then click.
One click equals two and said the calibrations, because no script is always written and calibrated
inside of free up.
You cannot write without a script or you can write.
After the function, that disposal of security inside the rotunda, if you want to like ride a telescope
there, there should always be a clear basis.
Remember to let us ride that inside un click bait.
We'll ride the.
And.
Save.
Click.
Yeah, that is the function.
Oh no, we separate.
So I guess that was it.
We provided the U.S. and safe click and that was configured properly, and we set the character limit
to 500.
We can reduce it further if we want, if that if the length of the box is going to big or will change
it.
OK, so let us go back and see the browser if there is something.
Right now, there would be nothing.
Because we see the subways running.
They are starting to add north.
Is being.
Not giving anything, because this handle knows that will be called inside the root component.
So what are the root component?
Root component is the obnoxious find inside of that.
We will have to give of value to this particular prop, which is passing inside the note.
This prop is just passed here.
So right now, we have not like users anywhere in the room components so that we will do.
Then only this will be functional so that we will do inside the apparatus.
And next, what we'll do is we'll create the North's component.
And what this note component would do is it will be responsible for like whatever we type in here inside
the note that will go to this, the nodes and now that will be rendering on the screen inside the ABDEL-ATI.
So that is it for the video.
Next, we'll be creating the note torches.
So this will further.