Как правильно создать интерактивный компонент на js?

Question

[Юра Комаров]

Как создать сложный компонент и привязать на него разные события. То есть компонент состоит из двух textarea, 2x полей куда будет добавляться текст, 2х кнопок, так же будет поле за которое его можно таскать по экрану.
Эти компоненты можно добавлять на страницу в любом количестве по клику.
Как правильно привязать все события к каждому компоненту при создании его в js?
Я сделал, вот только думаю что можно лучше. Код не буду приводить, уж больно громоздкий.

Answer 1

[Владимир]

Сейчас веб компоненты позволяет создавать любой из этих фреймвоков
https://angular.io/
https://reactjs.org/
https://vuejs.org/
https://www.polymer-project.org/

Это из самых прохайпленыхю Есть еще нейтивные https://www.webcomponents.org/ но они пока в процессе.

Comments

[Александр]

Но ведь на webcomponents в основном полимер...

[Антон]

не в процессе, а уже год как v1 принята и доступна в браузерах

[Юра Комаров]

Что за v1?

[Владимир]

Антон, там есть таблица поддержки браузерами. У ФФ shadow dom только анонсирован.

Answer 2

[Олег]

Если обработчик один, то как минимум добавлять class либо data-

Comments

[Юра Комаров]

6 обработчиков клика и один move. Сложный компонент создаю через конструктор. И при клике добавляю на страницу. Хочу что бы каждый узел компонента ссылался на свою функцию.

[Юра Комаров]

Каждый новый компонент со своими узлами ссылался на свои функции.