How to use the dop.createObserver function in dop

componentWillMount() {
        state.view = {
            step: 0,
            password: '',
            repassword: '',
            words_shuffle_clicked: [],
            word_wrong_selected: false
        }

        this.observer = createObserver(m => this.forceUpdate())
        this.observer.observe(state.view)
        this.observer.observe(state.view.words_shuffle_clicked, 'length')

        const { symbol } = getParamsFromLocation()
        this.words = getRandomMnemonic().split(' ')
        this.words_shuffle = []
        this.Coin = Coins[symbol]

        // binding
        this.onChangePassword = this.onChangePassword.bind(this)
        this.onChangeRepassword = this.onChangeRepassword.bind(this)
        this.onVerifyWord = this.onVerifyWord.bind(this)
        this.onNext = this.onNext.bind(this)
        this.onBack = this.onBack.bind(this)
        this.onPrint = this.onPrint.bind(this)
        this.onClear = this.onClear.bind(this)

componentWillMount() {
        const asset = this.props.asset
        this.observer = createObserver(mutations => this.forceUpdate())
        this.observer.observe(state.location, 'pathname')
        this.observer.observe(state.prices)
        this.observer.observe(state.assets)
        this.observer.observe(asset, 'label')
        this.observer.observe(asset, 'balance')

        // binding
        this.onClick = this.onClick.bind(this)
    }
    componentWillUnmount() {

componentWillMount() {
        this.observer = createObserver(mutations => this.forceUpdate())
        this.observer.observe(state.popups.closeSession, 'open')
        

        // binding
    }
    componentWillUnmount() {

componentWillMount() {
        this.observer = createObserver(m => this.forceUpdate())
        this.observer.observe(state.view)

        // Initial state
        state.view = {
            confirmed: false
        }

        // binding
        // this.onChangeEncryption = this.onChangeEncryption.bind(this)
    }
    onConfirm() {

componentWillMount() {
        this.todo = store.todos[this.props.index]
        this.observer = createObserver(m => this.forceUpdate());
        this.unobserveTodo = this.observer.observe(this.todo)
    }

componentWillMount() {
        this.observer = createObserver(mutations => this.forceUpdate())
        this.observer.observe(state, 'assets')
        this.observer.observe(state.assets)
    }
    componentWillUnmount() {

observe(asset) {
        this.observer = createObserver(mutations => this.forceUpdate())
        this.observer.observe(state.location, 'pathname')
        this.observer.observe(state.prices)
        this.observer.observe(state.assets)
        this.observer.observe(asset, 'label')
        this.observer.observe(asset, 'balance')
    }

componentWillMount() {
        const observer = createObserver(m => this.forceUpdate());
        observer.observe(store.todos, 'length');
        observer.observe(store, 'newTodoText');
        observer.observe(store, 'areAllItemsCompleted');
    }

componentWillMount() {
        const observer = createObserver(m => this.forceUpdate());
        observer.observe(store.todos, 'length');
        observer.observe(store, 'selectedFilter');
        observer.observe(store, 'itemsLeftCount');
    }

componentWillMount() {
        const observer = createObserver(m => this.forceUpdate());
        observer.observe(store, 'itemsLeftCount');
        observer.observe(store, 'selectedFilter');
        observer.observe(store, 'completedCount');
    }