destructuring nested objects with value changes

destructuring.js

const state = {a:1, b:2, c:3, d:{aa:11, bb:22}}
console.log(state) // { a: 1, b: 2, c: 3, d: { aa: 11, bb: 22 } }

const b = 55
const aa = 444

const total = {...state, b, d: {...state.d, aa}}
console.log(total) // { a: 1, b: 55, c: 3, d: { aa: 444, bb: 22 } }

this will be useful for the redux pattern of reducers and returning new state