Проектирование дерева состояний редукции

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

Есть ли хорошие учебники или блоги, которые могут рекомендовать для понимания лучших практик проектирования состояния?

Ответы

Ответ 1

Об этом много мнения. Вот что я делаю.

  • Редукторы - удерживайте вещи, которые относятся к моей модели данных (обычно что-либо, что находится в базе данных), которые необходимо сохранить и использовать позже или использовать для компонентов

  • LocalState (реагировать на setState) - связывает элементы ui в одном компоненте, связанном с вводом и взаимодействием с пользователем

Итак, если бы я моделировал ответ на этот вопрос. В магазине Redux будет

store = {
  session: { token: 'randomUid' }
  user: { name: 'Austio' }
  question: { id: 37288070 }
}

Когда я выбираю текстовое поле для ввода значений для создания ответа на этот вопрос, будет handleInput из этого поля, который будет setState для answerText.

Когда будет обрабатываться дескриптор формы, я отправил бы на основе успеха что-то вроде NEW_ANSWER с вопросом query и ответом, чтобы я мог хранить его в магазине, который будет использоваться, когда мне это нужно.

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

Ответ 2

Я очень рекомендую проверить учебник Дэна Абрамова (создателя Redux) на egghead.io https://egghead.io/courses/getting-started-with-redux

Он проводит вас через создание простого приложения todo, но на самом деле подчеркивает лучшие методы построения штата на протяжении всего курса.