Denormalize with ramda and redux state

decompose.js

import { compose, mapObjIndexed, values } from 'ramda';

export const denormalize = compose(
  values,
  mapObjIndexed((val, key) => ({ ...val, id: key }))
);
//the ramda part might be confusing at first glance.  `mapObjIndexed`
// let's me access the object key and stuff it in the object itself, and 
// `values` drops all keys and converts it to an array.  `compose` runs both those functions from right to left.  
// `ramda` curries by default, so after i build the function all i need to do is pass it data

selector.js

const selector = createSelector(
  state => state.editor,
  editor => ({
    editor: {
      ...editor,
      nodes: denormalize(editor.nodes),
    },
  })
);

// `denormalize` pushes that object -> array 
// mapping outside of your react components
// and since it's in a selector, the transformation is optimized