title: Ramda.js Combine two array of objects that share the same property ID
body: <p>I have these two array of objects</p>
  
  <pre><code>todos: [
      {
        id: 1,
        name: 'customerReport',
        label: 'Report send to customer'
      },
      {
        id: 2,
        name: 'handover',
        label: 'Handover (in CRM)'
      },
    ]
  </code></pre>
  
  <p>And:</p>
  
  <pre><code>todosMoreDetails: [
            {
              id: 1,
              checked: false,
              link: {
                type: 'url',
                content: 'http://something.com'
              },
              notes: []
            },
            {
              id: 2,
              checked: false,
              link: {
                type: 'url',
                content: 'http://something.com'
              },
              notes: []
            }
          ]
  </code></pre>
  
  <p>So that the final array of objects will be a combination of the two, based on the object ID, like below:</p>
  
  <pre><code>FinalTodos: [
            {
              id: 1,
              checked: false,
              link: {
                type: 'url',
                content: 'http://something.com'
              },
              notes: [],
              name: 'customerReport',
              label: 'Report send to customer'
            },
            {
              id: 2,
              checked: false,
              link: {
                type: 'url',
                content: 'http://something.com'
              },
              notes: [],
              name: 'handover',
              label: 'Handover (in CRM)'
            }
          ]
  </code></pre>
  
  <p>I tried with <code>merge</code> <code>mergeAll</code> and <code>mergeWithKey</code> but I am probably missing something</p>