javascript - body - title css

diseñando el árbol de estado redux

Question

Actualmente estoy en el proceso de aprender Redux, y más o menos me he acostumbrado a los conceptos básicos. Entiendo cómo trabajar con acciones y reductores y todo eso. Lo que estoy luchando es comprender cómo diseñar correctamente un árbol de estado. Me pongo al día sobre los detalles de lo que debería / no debería almacenarse en el estado de la aplicación, cuándo es aceptable usar el estado del componente, la mejor manera de manejar los cambios de estado, etc.

¿Hay algunos buenos tutoriales o blogs que cualquiera pueda recomendar para comprender las mejores prácticas de diseño de estado?

Answer 1

Hay muchas opiniones diferentes sobre esto. Esto es lo que hago.

1. Reductores: mantenga las cosas que se relacionan con mi modelo de datos (normalmente, todo lo que está en una base de datos), que debe guardarse y usarse posteriormente o usarse en todos los componentes

2. LocalState (reaccionar setState) - trata los elementos de la interfaz de usuario en un único componente relacionado con la entrada e interacción del usuario

Entonces, si estuviera modelando una respuesta a esta pregunta. La tienda Redux tendría

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

Cuando selecciono el cuadro de texto para ingresar valores para crear una respuesta a esta pregunta, se manejará la Entrada desde este cuadro, que establecería el Estado del answerText.

Cuando es handleSubmit para el formulario, enviaría basado en éxito algo como NEW_ANSWER con el questionId y la respuesta para poder almacenarlo en la tienda para usarlo donde lo necesite.

Mi mejor consejo es comenzar a programar cosas, es muy difícil encontrar los bordes de tus preferencias con el uso de reducir / reaccionar sin eso.

Answer 2

Recomiendo consultar el tutorial de Dan Abramov (creador de Redux) en egghead.io https://egghead.io/courses/getting-started-with-redux

Él lo guiará en la creación de una aplicación de tareas simples, pero realmente enfatiza en las mejores prácticas de construcción del estado a lo largo del curso.