Хотел спросить совета на счет архитектурого подхода в реакте Скажем, у

Question

Хотел спросить совета на счет архитектурого подхода в реакте Скажем, у

меня есть сложный контейнер: с несколькими таблицами, переключающимися вкладками, и “карточками”. Все эти переключающиеся таблицы - они все есть частью одной математической модели. Скажем, изменив что-то в одной таблице - все остальное должно пересчитаться.

У этого контейнера есть вход - несколько разных базовых моделей которые нужны для гармонического отображения всех данных.
И ивенты - onSomething, когда что-то юзер или поменял, или удалил.

То есть эдакая черная коробка с торчащими проводами - для данных которые отображать и для ивентов, которые нужно процесить.
Не хочу чтобы у этого контейнера вообще был стейт. Хочу сделать HOC, обернуть компонент, скажем, каким-то statefullCalculatableSheet(ShiftsCalculatorContainer), и уже в нем непосредственно управлять стейтом, реагировать на изменения и пересчитывать модель.
Хотел спросить - я вообще в правильную сторону копаю?
(сори за такие вопросы, слишком долго работал с ангуляром:))

#frontend #javascript #programming #react.js #russian

0

29.10.2020

13 ответов

6 просмотров

Andrey Bugaev

Mobx, redux и т.д.

0

29.10.2020

Ihor Levchenko Автор вопроса

Alexandr
Ты на классовых компонентах пишешь?

функциональные хуки хуки хуки везде)

0

29.10.2020

Ihor Levchenko Автор вопроса

Andrey Bugaev
Mobx, redux и т.д.

да, это я понимаю. Но в таком случае у меня будут “подписки” на стейт и контейнер будет зависим от структуры стейта

0

29.10.2020

Alexandr

Ihor Levchenko
функциональные хуки хуки хуки везде)

Тогда откуда мысль о хоке? В чем проблема написать это в хуке?

0

29.10.2020

Andrey Bugaev

Ihor Levchenko
да, это я понимаю. Но в таком случае у меня будут ...

Тогда каллбеки наверх. Но если глубина будет больше чем один будет ад.

0

29.10.2020

Alexandr

Ihor Levchenko
да, это я понимаю. Но в таком случае у меня будут ...

Ну а так хок будет зависим, исход один - работать не будет, если что-то поменяется.

0

29.10.2020

Ihor Levchenko Автор вопроса

Alexandr
Тогда откуда мысль о хоке? В чем проблема написать...

ну моя идея была сделать хендлер стейта не частью контейнера то есть в одном случае мне нужно будет в риалтайме работать с данными отображенные с сервера а иногда - модель локальна в памяти.

0

29.10.2020

Ihor Levchenko Автор вопроса

Alexandr
Ну а так хок будет зависим, исход один - работать ...

ну да.. у меня, скажем, один ХОК - для того чтобы работать с данными приходящими с сервера второй ХОК - с локальными данными идея в том, что модель, и отображение модели не зависят от процессов их обработки

0

29.10.2020

Andrey Bugaev

Ihor Levchenko
ну моя идея была сделать хендлер стейта не частью ...

Это называется redux :)

0

29.10.2020

Alexandr

Ihor Levchenko
ну да.. у меня, скажем, один ХОК - для того чтобы ...

Ну да, сразу возникает мысль, что то, что тебе надо - это просто перенести свою логику в редьюсер.

0

29.10.2020