And component of any type of single page application is you have three different things, we have you
here and the view is what the user see and we have the state here, which is the data that needs to
be displayed in the view.
And we have the events here.
This is when users interact with the view and generates the events.
The events are handled and the states get updated when the states get updated.
That view also gets updated because the view displays the data inside the state.
So this is what I call the biology of the component.
Development in single page applications of our laser application is a single page application.
So in this lesson, we're going to learn about the three different parts of component development.
So let's look at our page component that we just created.
So we have our view right here.
These Mark-Up represent the view of the component, and it's too verbose.
They represent the state of the component.
And then these are event handlers.
They're handling different kinds of events.
We're displaying the data from the state to state variables is playing them.
And the event handlers rotate the state.
And once the states are meeting it, it lays out application framework automatically update the view.
That's why, you see the the page gets updated when we click on different.
So these are the three main aspects of component development in PLAISIR.
And all of our front end development is around these three aspects.