avoid mutation array and object using latest javascript

avoid_mutation_array_object.md

Array

Remove

list.splice(index, 1);

=>

list
.slice(0, index)
.concat(list.slice(index+1));

=>

[
  ...list.slice(0, index),
  ...list.slice(index+1)
];

Add

list[index]++

=>

list
.slice(0, index)
.concat([list[index]+1])
.concat(list.slice(index+1))

=>

[
  ...list.slice(0, index),
  list[index] + 1,
  ...list.slice(index+1)
];

Object

{
  id: todo.id,
  text: todo.text,
  completed: !todo.completed
}

=>

Object.assign({}, todo, {
  completed: !todo.completed
});

=>

{
  ...todo,
  completed: !todo.completed
}

Reference

1. Redux: Avoiding Array Mutations with concat(), slice(), and ...spread - js Video Tutorial #free @eggheadio
2. Redux: Avoiding Object Mutations with Object.assign() and ...spread - js Video Tutorial #free @eggheadio