What is a React component?
A component is the core building block of any React application. Sometimes, you could perceive React as a JavaScript coated with some chocolate. Chocolate is sweet I guess, and so is React. Seriously, building a UI with vanilla JavaScript can be cumbersome. You can struggle with the expensive DOM dilemma!
The thing is, when working with vanilla JavaScript to handle the Document Object Model (DOM), it can get pretty expensive – both in terms of time and effort. Frequent DOM manipulation is high in non-React applications, which ultimately results in the slowness of website elements update.
The virtual DOM solved this problem in React. The DOM only updates what was changed, not the entire DOM tree. However, if you remember how you use functions in plain JavaScript, writing components won’t be a challenge. A function in JavaScript is a code block designed essentially to perform certain tasks.
The same applies to React components, which...
