Container.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 
/* eslint no-use-before-define:0 */
import React from 'react'

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


/**
 * Natural interface---just wrap a child view in this container class and pass values via props.
 * No complex state functions.
 * Because it supports parent React props, it can be inefficient for arbitrary prop changes.
 */
export default class DangerouslySlowContainer extends React.Component {

  constructor(props, __dangerouslyEnableSlowness) {

    super(props)

    this.__dangerouslyEnableSlowness = __dangerouslyEnableSlowness || true
  }

  componentWillMount() {

    setupNonObservables(this, this.props, false)
    setupObservables(this, this.props, this.props.children.type.defaultProps)
  }

  componentWillReceiveProps(nextProps) {

    if (this.__dangerouslyEnableSlowness) {

      removeObservables(this)
      setupNonObservables(this, nextProps, false)
      setupObservables(this, nextProps, this.props.children.type.defaultProps)
    }
  }

  componentWillUnmount() {

    removeObservables(this)
  }

  render() {

    return {
      type: this.props.children.type,
      ['$$typeof']: Symbol.for('react.element'),
      props: {...this._nonObservables, ...this.state}
    }
  }
}
h