It's a post to explain in words to someone what I've been doing so far while continuing my career as a front-end developer.
What is Component?
Component(component) refers to a small functional unit configured to perform a specific function by collecting multiple program functions. The picture above is an example of a component that can be imagined as a front-end developer.
In the above description, the component means not just the UI at the front end, but one encapsulated module in programming.
So what is encapsulation?
First, if you look for Wiki, it is defined as follows.
Encapsulation has two aspects of object-oriented programming: it binds the properties and actions of the object together, and hides some of the actual implementation by concealing it inside.
It may be a little difficult if you look at the quotation above, but not long ago, I heard an example that really touches me while listening to a related lecture.
If the headache is severe, we look for Tylenol. Tylenol drinkers take Tylenol to relieve headaches or other pain without knowing the ingredients, production methods, or manufacturing methods of Tylenol. Tylenol has a painkilling effect.
It is easy to think of Tylenol as a component that is well encapsulated with functions to solve pain.
It is also very similar to the concept of an abstraction wall in functional programming that I read a while ago.