Дублирующаяся логика в компонентах React. Делать hoc или оставить дубли в покое?
Пишу тестовый проект, на фронте React и Redux.
У меня два компонента:
1) singUp
Регистрация, пользователь вводит данные они проходят проверку на фронте. Если проверка прошла, данные отправляются на сервер, от него приходит статус, либо ок, либо не ок. В зависимости от статуса с сервера компонент отображает уведомление ( email уже зарегистрирован, спасибо за регистрацию и т.п. )
2) singIn
Вход, тут логика такая же. Но есть пару новых условий, конструкций и входные данные разные
И два слайса ( redux-toolkit ):
1) singUp
Данный слайс описывает состояние инпутов, какое из оповещений показать, состояние отправки и т.п. .И так же тут есть thunk для асинхронной отправки данных.
2) singIn
Тут такая же логика, но добавляется два новых поля для состояния, которые описывают какой именно пользователь зашел.
Как лучше поступить со всем этим? Логика в компонентах и в слайсах повторяется на 80% и отличается на 20% (грубо говоря).
Средний