Am I approaching the implementation of the web application correctly?

Question

JavaScript

Hello! the task is to implement a web service that includes, for starters, absolutely basic functionality: displaying products, adding products, searching for products, notifications, login/registration forms, popup.
Do I understand correctly: the main index.ts file is created where all components will be imported (components are built on the basis of templates and patterns, generally accepted, for further support, respectively).
Next, we implement 1 of the components (let's say the search for goods):
In fact, the page will represent the filter and output component (we will use mvc in this case) and then we will import it into Index.ts.
Is the train of thought correct or should there be some other logic on top of all the components?
And what to do with such small things as the mobile menu component, the language changer component (dropdown)?

Answer 1

components are built on the basis of templates and patterns

Leave this stupid idea, learn and use any modern framework.
Not right.

Answer 2

This is all easy to implement in React for example. Almost exactly as you think, only much more convenient.