We move ahead, I'd like you to install another package of NPR, so to do that, open up a terminal
and create a new terminal.
And we will be installing another package, and this time it is going to be an excuse.
So npm install Axios and hit enter now, and it is going to be installed, it is going to be added to
your package, Jason.
So if we just scrolled onwards, you will see this package or disinvite.
At present, we do not have a dachshund dependency, but once it's installed, we'll be having it inside
of Baghdad, the adjacent.
So remove this and move into objects.
GSX and now let's start configuring it app.
So in our initial in our app, the only one two of them we want are codes as a as for.
Apart from this, remove everything the only one barcodes as well as a photo.
No hits, if.
And remove the spacing between the two.
OK, so now we getting records.
So moving to your courts fine and had control, press free and write courts and move into your courts.
Now, this court is going to be a class company, not a functional components or removal, this thing
that I'll tell you is that we are now no longer requirement to import react from react manually.
So if you are working with React, we are and no longer requirement to import React from React module.
It has already been done for us.
It is an optional thing now, so I can just comment it and react totally when we are.
Does that?
I did this and it's totally fine.
But this is not the same for other components of the Act, for example, are to import component of
React.
So I will need to specify that I need components from the Act now after this.
Let's create a class and the class is going to have an input.
And this is going to extend.
Component.
Now, since this reckless component, it is going to have a state.
So let's just create a state and leave with in before now and then after the state, what will do is
that will be creating a range of methods.
And so the surrender will be having a written statement.
Now we have imported a class.
Now we also need to export our class so that this export default could.
OK, so we are having our basic boilerplate, no dried out, a written statement will be needing to
import two other components, so let's just import them and return, saying we needs to have a patent
glass.
So let's just give it a death with an I.D. equals two code box.
And after this aid, close it.
And, OK, so right inside, this will be having two other components, let's just import them.
We'll be having our good sticks as well are codes to which we which are present in our dashboard component.
So let's import accord text as an escort to.
And this is from a up directory and to look into the components, we're having our what sticks.
And after this in Baltimore courts or to the one who authored that particular court.
And this is supposed to be from again from our components.
And so the components you have to know, it's a.
Now, let's call these two components inside of our.
So codes are to text first and then codes other.
Now we need to pass data to our courts text as well as a court order, and to do that, let's define
our state.
And this is going to have an initial value of a court.
So what it is going to hold up, it is going to hold up one particular court.
So let's make up of court.
And this could lead them, definitely reacting to it later and an author, the one who authored the
particular code.
And after this, we're going to have an Eddie.
This is going to hold up our courts data.
Now this is going to be an immediately.
And after this area going to have color because you want the color off screen to change in synchronicity
with our color of our coats, so color and let's just give it a default value of our jib.
243, 156.
And 18.
Now, as for the courts, let's just select any random quote from the internet.
So this is a quote and the other and courts data.
And so now we need to parse this data onto our courts fixed as well as a court order.
So what they're going to do is that will be passing this data in from off and via props.
So radar records text will be creating court and this is going to be equal to this state.
That could.
And apart from this, will we even giving it a color?
So Carla is going to be equal to this state, not.
Color.
So we are parsing data to our court sticks now to pass the same to our courts, but also we are going
to pass the data to the one who authored the court and instead this year it does not state matter.
And then again, we'll also be giving it color, which is going to be same equal to this state, the
color.
All right, Tony.
We are not passing our data to our courts text as well as a court order.
Now remove everything else from your screen and move into your code text as well as quote other.