createDangerouslySlowContainer.js

Table of Contents

  1. appStateFactory.js
  2. createAppDispatcher.js
  3. StateWithSideEffects.js
  4. createChannels.js
  5. createSagas.js
  6. sagaInterfaceFactory.js
  7. Container.js
  8. createContainer.js
  9. createDangerouslySlowContainer.js
  10. index.js
  11. ContainerHelpers.js
  12. assert.js
  13. cast.js
  14. checkUnique.js
  15. isObservable.js
  16. uuid.js
  17. ReduxSaga.js
  18. createReduxReducers.js
  19. reduxChannelName.js
  20. reduxMiddlewareFactory.js
  21. rfluxMessage.js
  22. kefirEmitter.js 
import React from 'react'

import {
  removeObservables,
  setupNonObservables,
  setupObservables
} from '../internal/ContainerHelpers'


/**
 * Supports parent React props at the expense of potentially being inefficient:
 *
 * > Every #componentWillReceiveProps forces observer re-initialization.
 * > Therefore it is your responsibility to ensure that it doesn't get called too often.
 *
 * Since container props and state both get mapped as child props,
 * state overriddes props with the same name.
 *
 * Do NOT use anonymous functions to define getInitialState, getObservableState,
 * getDefaultProps!
 *
 * @param {Object} opts
 * @param {Function} opts.getDefaultProps - container default props. Passed to child as
 * props.
 * @param {Function} opts.getInitialState - container initial state. Passed to child as
 * props.
 * @param {Function} opts.getObservableState - pass observables here. Observable *values*
 * passed to child as props
 * @param {*} opts.propTypes - container propTypes.
 * @returns {Function} that returns the container
 */
export default function createDangerouslySlowContainer({
  getDefaultProps = () => ({}),
  getInitialState = () => ({}),
  getObservableState = () => ({}),
  propTypes = {},
  __dangerouslyEnableSlowness = true
  }) {

  return StatelessFunctionalComponent => React.createClass({

    propTypes: propTypes,

    getInitialState() {
      return getInitialState.call(this)
    },

    getDefaultProps() {
      return getDefaultProps()
    },

    componentWillMount() {

      const observableState = getObservableState.call(this)

      setupNonObservables(this, observableState)
      setupObservables(this, observableState)
    },

    componentWillReceiveProps() {

      if (__dangerouslyEnableSlowness) {

        const observableState = getObservableState.call(this)

        removeObservables(this)
        setupObservables(this, observableState)
      }
    },

    componentWillUnmount() {

      removeObservables(this)
    },

    render() {
      return <StatelessFunctionalComponent {...this.props} {...this.state} />
    }
  })
}
h