DynkanMaclaud,
ну это если совсем правильно делать

повторюсь - это чтобы другие компоненты страницы могли с твоим компонентом работать, если вдруг такой кейс понадобится.
по рендеру - наверно, для обработки событий правильнее будет использовать делегирование, а конкретно вот такой подход:
https://learn.javascript.ru/behavior - т.е. вешать один обработчик конкретного типа события на родительский элемент, смотреть target, ну и т.д. Чтобы при каждом обновлении обработчики не ставить на отдельные элементы.