Component not rerendering in React Native about resub HOT 4 CLOSED

@dabit3 In our usage or ReSub, we've actually defined a ReadOnlyArray type that we often return from stores to prevent exactly these classes of issues.

interface ReadOnlyArray<T> {
    readonly [n: number]: T;
    readonly length: number;
    concat(...items: (T | T[])[]): ReadOnlyArray<T>;
}

from resub.

@dabit3 I believe you've actually found a bug in the example :(
Data returned from stores should be immutable (using typescript readonly is a good way to do that for the objects, but arrays can be tricky). If you mutate an object in a store, you end up changing the value in the component since it wasn't deep cloned before returning (for perf reasons)

instead of:

    addTodo(todo: String) {
        this._todos.push(todo);
        this.trigger();
        console.log('t_todos:', this._todos)
    }

do

    addTodo(todo: String) {
        this._todos = this._todos.concat(todo);
        this.trigger();
        console.log('t_todos:', this._todos)
    }

I'll update the example

from resub.

Awesome, that worked! Thanks for your help.

from resub.

@berickson1 Ah nice, thanks for this!

from resub.