В правильном ли направлении к построению архитектуры и в целом веб-приложения?

Question

[iordania]

Всем привет! Было потрачено не мало часов на освоение js и вещей около его. Что-то умею а в чём то есть вопросы, а именно, пишу проект в котором изначально стояло условие не использовать фворк, и реализация следующая:
Есть корневой файл index.js в который подключаю все модули проекта (их на данный момент 4).
У всех модулей есть метод init который инициализируется при загрузке страницы, уместно ли ? (инициализирую чтобы в конструктор запихнуть начальные данные и обратиться к элементам если это нужно).
Также использую redux, поскольку у модулей есть свой state, поэтому каждый модуль коннектится с store. уместно ли или есть варианты лучше ?


И главное: если на примере React понятно как получать данные с форм и тд (прописываем метод в классе и через конструкцию onChange={ вызов функции } вызываем эту функцию, то как быть с обычным классом (функцией) в нативном js (имеется ввиду обращение к элементам и получение их value) ?

P.S. Если вместо тысячи слов у вас есть ссылка под рукой на git-репозиторий со всеми ответами на мои вопросы выше, то буду очень признателен!

Comments

[Даша Циклаури]

https://github.com/zerobias/effector
agnostic-way не важно реакт это или нет

[iordania]

DevMan увидел вас в качестве куратора тега JavaScript, прошу помощи в данном вопросе :) Спасибо!

[Ben L]

с обычным классом (функцией)

Если это React компонент, то value записывается в state при любом изминении input-a, тоесть через похожую конструкцию onChange={ some_function }, а some_function передается как аргумент для текущего компонента.

const SuperInput = ({ name, placeholder, value, onChange }) => {
    return <input placeholder={placeholder} value={value} onChange={() => {
        onChange(name, e.target.value);
    }}>;
};

В аргумент onChange описываем как меняется state

[SerzN1]

примеры Redux можно найти тут

важно: компонентный подход подразумевает (барабанная дробь) компоненты! (модули)

например: App, LoginPage, LoginForm - вам стоит подумать что именно за данные и параметры на всех 3 уровнях, если четко придерживаться контекста, то вы избежите массу проблем. Например уровень приложения не должен знать о временных данных в форме и наоборот если например был неудачный вход в систему и вам нужен тот же самый емейл для восстановления пароля в другой форме

по факту: это трудно