Necesita ayuda sobre algunos conceptos sobre ReactNative y Redux y Navigator
Después de varias pruebas en este escenario, tengo algunas preguntas que no puedo responder, así que pido ayuda para aclarar mis conceptos.
Proveedor vs accesorios en Navigator¿Cuál es la diferencia y cuál es el mejor enfoque para configurar el navegador y pasar la tienda a diferentes escenas de una aplicación React Native?
export default class App extends Component {
render () {
return (
<Provider store={store}> //<-- here
<Navigator style={{flex: 1}}
initialRoute={{ component: MainContainer }} //<-- here
renderScene={ (route, navigator) => {
const Component = route.component;
return (
<View style={{flex: 1, marginTop:40}}>
<Component navigator={navigator} route={route} {...route.passProps} />
</View>
...
MainContainer
está conectado conComponent
dentro de react-reduxconnect
función para pasar accesorios y acciones aprops
.
¿Es mejor acceso al contexto o a los accesorios?
vs
const store = createStoreWithMiddleware(reducer, initialState); //<-- here
export default class App extends Component {
render () {
return (
<Navigator style={{flex: 1}}
initialRoute={{ component: MainComponent }}
renderScene={ (route, navigator) => {
const Component = route.component;
return (
<View style={{flex: 1, marginTop:40}}>
<Component
navigator={navigator}
route={route}
{...route.passProps}
store={store} //<-- here
/>
</View>
...
En una escena componente, (sin envolver como un contenedor inteligente) cómo configurar unoyente sobre cambios enestado redux o tengo que atarestado componente al estado redux.Pasostate
(de la tienda Redux) yactions
comopassProps
al empujarnewScene
enNavigator
y luegonewScene
despacha acciones y ejecuta correctamente, el estado es actualización, pero ... no vuelve a representar la escena.
¿Tengo que vincular el componente de estado al estado de Redux para ver los cambios reflejados en la pantalla?
¿Hay alguna muestra sobre las mejores prácticas en este escenario?
props
vsconnect
en el mismoScene
En elmismoScene
, de arriba hacia abajo componentes, cuál es el mejor enfoque para aprobarredux state
(sin hablar decomponent state
) como envolver un componente en un'smart' container
con 'connect
' dereact-redux
, o pasando el escenario del hoyo comoprops
.