Насколько тяжело переделать приложение React под Redux?

Question

[Ninja Mate]

Есть готовое при ложение на реакте с 3 довольно большими основными элементами. В каждом порядка 200-300 state и примерно 50-60 ()=> функции логики (у них еще свои стейты есть, но они мало интересны)

Пришли к моменту, когда нужно переделывать функционал, а это значит переключение между этими самыми 3 элементами с передачей стейтов туда-сюда.

Вопросы:
-Как максимально быстро переделать функционал, что бы сохранять все стейты в одном месте (имя переменной у всех уникально в приложении)?

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

-this.setState, this.state. и прочие указующие на стейты нужно менять или они остаются прежними?

Answer 1

[Антон Измайлов]

Не так все сложно. Внутри функций передать в редакс, state хранить в redux'e да и все остальное тоже самое.

Comments

[Ninja Mate]

Внутри функций передать в редакс

имеете ввиду this.setState, this.state. и прочие как то с редаксом связать или сами функции туда перенести?

[Антон Измайлов]

Ninja Mate: хранить и брать данные не в state компонента, а в редаксе и вызывать его через this.props.component.someToggle

[Ninja Mate]

Антон Измайлов: понял, спасибо

[Антон Измайлов]

Ninja Mate: на самом деле прочитайте доку (redux-in-russian git гуглится русская версия) и сразу понятней станет. Там на самом деле все просто.

[Ninja Mate]

Антон Измайлов: спасибо, читаю и в шоке сколько всего придется сделать... думаю что по времени не потянем

Answer 2

[Никита Гущин]

Вам довольно сильно придется поменять структуру. Всю логику перенести в экшен креаторы, хранение стейт в редьюсеры. Компоненты сделать dumb + несколько контроллеров. Продумать селекторы, и т.д.

И в принципе, это другая (более строгая) концепция приложения. Но без redux (flux) никак.

Comments

[Ninja Mate]

Читаю документацию и плачу) А есть вариант просто стейты хранить в сторе и менять их состояние this.props.component.someToggle (как в ответе Антон Измайлов )?

[Никита Гущин]

Ninja Mate: так это одно и тоже. Если стейты храните в сторе, то нужны редьюсеры. Раз нужны редьюсеры - нужны экшены. В конечном итоге это и будет выглядеть как this.props.someAction()