ReactJS Состояние Redux (глобальное состояние) + React.Context (локальное состояние) - PullRequest
0 голосов
/ 23 апреля 2020

Я новичок в ReactJS мире, и мне нужно ваше мнение, связанное с состоянием ReactJS.

Я начал использовать Redux в своем приложении для глобального состояния (глобальные модули), оно подходит действительно хорошо потому что всякий раз, когда мне нужно состояние, я могу позвонить из любой точки мира. В Redux мне нравится хранить уведомления, они отображаются на всех страницах моего приложения, а также я сохраняю версию приложения (demo / live), другими словами, я пытаюсь сохранить глобальные значения Redux (глобальное состояние).

В моем приложении у меня также есть страницы, каждая страница имеет свое определенное c состояние и компоненты. Когда клиент покидает страницу, мне больше не нужно его состояние. Вот почему я не люблю сохранять состояние в Redux, потому что когда он покидает страницу, состояние страницы все еще сохраняется в Redux. Таким образом, в этом случае представляется правильным сохранить состояние страницы в React.Context (+ React.Reducer).

React.Context Плюсы:

  • , когда клиент покидает страницу состояние автоматически удаляется
  • при обращении клиента к странице, состояние становится чистым, поскольку состояние создается вместе с компонентом

React.Context Cons:

  • сложно объединить состояние Redux и состояние Context
  • два типа хранилищ, означает больше кода для поддержки (React.Context имеет меньше функций)

Как сделать Вы думаете, что можно использовать Redux вместе с React.Context, как я объяснил, это решает проблему или создает намного больше проблем?

Извините за мой плохой Engli sh.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...