Регистрация  |  Вход

Onchange Handlers

Народ а как вы живете с onchange(onselect/oninput/onblur/onkeyup) хендлерами?

Когда я пришел с ангуляра меня очень разочаровало отсутствие two-way binding. Но спустя некоторое время пришло принятие. Мол two-way binding сильно усложняет работу фреймворка и даже возможно его тормозит. С другой стороны кастомные хендлеры это гибкость в решениях. Но как показывает практика наверное 90% фронтенд разработки приходится именно на работу с этими хендлерами.

Я вот к примеру сделал один волшебный универсальный хендлер который подключается к компонент одной строкой, настраивается путем несложных атрибутов на элементах и все. Получается своего рода two-way binding. Не надо на каждый элемент ввода клипать отдельный хендлер. Даже пошел дальше и сделал поддержку элементов ввода внутри for:each. Раньше решения которые находил сводились к тому чтобы оборачивать элементы внутри for:each в LWC компоненты и клипать хендлеры в них, а потом пробрасывать полученные значения наверх. Я вот тащусь от моего решения (минутка удовлетворения самолюбия) - работа с любой сложности формами/таблицами ввода в пределах одного компонента стала просто кайфовой.

А как вы с этим живете? Используете какие решения? Или клипаете метод на каждый input и парсите Event.target?
Народ а как вы живете с onchange(onselect/oninput/onblur/onkeyup) хендлерами?

Когда я пришел с ангуляра меня очень разочаровало отсутствие two-way binding. Но спустя некоторое время пришло принятие. Мол two-way binding сильно усложняет работу фреймворка и даже возможно его тормозит. С другой стороны кастомные хендлеры это гибкость в решениях. Но как показывает практика наверное 90% фронтенд разработки приходится именно на работу с этими хендлерами.

Я вот к примеру сделал один волшебный универсальный хендлер который подключается к компонент одной строкой, настраивается путем несложных атрибутов на элементах и все. Получается своего рода two-way binding. Не надо на каждый элемент ввода клипать отдельный хендлер. Даже пошел дальше и сделал поддержку элементов ввода внутри for:each. Раньше решения которые находил сводились к тому чтобы оборачивать элементы внутри for:each в LWC компоненты и клипать хендлеры в них, а потом пробрасывать полученные значения наверх. Я вот тащусь от моего решения (минутка удовлетворения самолюбия) - работа с любой сложности формами/таблицами ввода в пределах одного компонента стала просто кайфовой.

А как вы с этим живете? Используете какие решения? Или клипаете метод на каждый input и парсите Event.target?
Dmitry Shnyrev
А как вы с этим живете? Используете какие решения? Или клипаете метод на каждый input и парсите Event.target?

У меня один handleEvent на компонент, который потом разбирается что и как запускать
[quote="Dmitry Shnyrev"]А как вы с этим живете? Используете какие решения? Или клипаете метод на каждый input и парсите Event.target?[/quote]

У меня один handleEvent на компонент, который потом разбирается что и как запускать