Sub aplicaciones

Las subaplicaciones - apliaciones dentro de un contexto superior - serán completamente independientes, no compartirán datos ni acciones, y no verán ni se comunicarán entre sí.

Es mejor no mezclar este enfoque con una aplicación Redux estándar. Para aplicaciones web típicas, lo mejor es seguir con la composición del reductor estandar. Para "hubs" de productos, "dashboards" o software de empresa que agrupa herramientas dispares en un paquete unificado, se puede probar el enfoque de sub-aplicaciones.

El enfoque de sub-aplicación también es útil para equipos grandes que están divididos por verticales de productos o características.

Para ocultar Redux detrás de un React API, podemos envolverlo en un componente especial que inicializa el almacén en el constructor:

import React, { Component } from 'react'
import { Provider } from 'react-redux'
import reducer from './reducers'
import App from './App'

class SubApp extends Component {
  constructor(props) {
    super(props)
    this.store = createStore(reducer)
  }

  render() {
    return (
      <Provider store={this.store}>
        <App />
      </Provider>
    )
  }
}

Este patrón no se recomienda para partes de la misma aplicación que comparten datos. Sin embargo, puede ser útil cuando la aplicación más grande no tiene acceso a las aplicaciones internas de las aplicaciones más pequeñas.