redux state array bound to dom-repeat doesn't reflect items property changes.

I have the following element the issue is when changing an employee thru redux action, the changes does not propagate to the dom-repeat, but is reflected when bound directly inside the parent template (e.g. [[employees.0.id]]) I’ve tried manual re-render of the dom-repeat template e.g. this.$.employees.render() but still does not reflect the updated employee properties any suggestion?

Note: i’m using v1.01

<dom-module id="employees-info">
    <template>
        [[employees.0.id]]  - [[employees.0.firstname]]  -- [[employees.0.lastname]]
        [[employees.1.id]]  - [[employees.1.firstname]]  -- [[employees.1.lastname]]

        <template is="dom-repeat" items=[[employees]] as=“employee”   id=“employees” >
            <div>id: [[employee.id]]</div>
            <div>firstname: [[employee.firstname]]</div>
            <div>lastname: [[employee.lastname]]</div>

        </template>

    </template>
    <script>
        class EmployeesInfo extends ReduxMixin(Subscriber(Polymer.Element)) {
            static get is() { 
                return 'employees-info' 
            }

            static get properties() {
                return {
                    employees:{
                        type:Array,
                        statePath:'employees'
                    }
                }
            }
        }

        customElements.define(EmployeesInfo.is, EmployeesInfo);
    </script>
</dom-module>    

Now inside the redux store actions, (i’ve already tried multiple ways to update the array e.g. splice)

    ```
case 'UPDATE_EMPLOYEE_SUCCESS':
            
            return Object.assign({}, state, {
                employees: state.employees.slice().map((employee) =>{ 
                    // update employee bere
                    return employee;  
            }), updating_employee: 'success' });

[jobizzness]

Plus one this issue. I am facing the same problem. sub properties are not notified on change.

[midesweb]

On Polymer 2 there is another solution. It’s to use “mutable-data” in the template dom-repeat.

<template is="dom-repeat" items="[[todos]]" as="todo" mutable-data>
  [[todo.completed]]
</template>

The problem i found is to notify changes to children elements of the dom-repeat. Like this:

<template is="dom-repeat" items="[[todos]]" as="todo" mutable-data>
  <todo-item todo="[[todo]]" index="[[index]]"></todo-item>
</template>

In this case <todo-item> do not change, even of the mutable-data configuration on dom-repeat. This situation is solved using the Polymer.MutableData mixin on <todo-item>.

class TodoItem extends Polymer.MutableData(ReduxMixin(Polymer.Element)) {
  // all the element code remains without changes
}

I dont know the performance of this solution. (Worried because with any minimal change in the array causes a notification of change in all the items in the dom-repeat, even if only has changed one of them)