Нужно ли полностью переносить state в Redux, и если нет, то в каких случаях стоит использовать локальный?

Question

[Артём]

В каких случаях нужно использовать store redux-a, а в каких локальный state реакта? Проходя один из платных курсов увидел как автор частично использует локальный state, но по большей части переносит все в Redux. Не совсем понял в каких случаях выгоднее использовать state реакта. Буду рад если просвятите

Answer 1

[Yustas Alexu]

Стратегия такая, отдавать предпочтение локальному стейту. Могу сказать по своему опыту, в большинстве случаев глобальный стейт не нужен. Типичный случай когда используют глобальный стейт это авторизация.

Comments

[Артём]

Зачем тогда в каждой первой вакансии Redux?) Вроде как Redux ещё "скрывает" реализацию, и в компоненте мы используем только функции с говорящими названиями. С этой позиции я бы вообще все выносил из компонентов в Экшены

[Yustas Alexu]

Артём,

Зачем тогда в каждой первой вакансии Redux?)

Я же написал, что глобальный стейт нужен например при реализации авторизации. Авторизация есть в каждом втором приложении на реакте. Кроме авторизации Redux может пригодится при переводе приложения на другие языки, при интегрировании css-тем и т.д.
Вообще чтобы понять для чего нужен инструмент, надо сначала наткнуться на проблему, которую без этого интрумента не решить или сложно решить.

[Yustas Alexu]

Артём, по поводу Redux советую обратить внимание на этот раздел в документации https://redux.js.org/introduction/three-principles
Это принципы на которых построен Redux. Если понять эти принципы, то станет понятен и Redux.

Answer 2

[Егор Живагин]

В редакс переносят те данные, которые нужны в нескольких компонентах

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

Comments

[Yustas Alexu]

В редакс переносят те данные, которые нужны в нескольких компонентах

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