Documentation Explains "How" of Fragments ... But Not the "Why"

[machineghost]

The Lokka docs provide the following example of how to make and use a fragment:

const filmInfo = client.createFragment(`
  fragment on Film {
    title,
    director,
    releaseDate
  }
`);
client.query(`
  {
    allFilms {
      films {
        ...${filmInfo}
      }
    }
  }
`).then(result => {
  console.log(result.allFilms.films);
});

But you can do the same thing much more simply:

const filmInfo = `
    title,
    director,
    releaseDate`;
// The rest of the code remains the same except:
//        ...${filmInfo}
// becomes:
            ${filmInfo}

It's unclear to me what the benefit of using client.createFragment is. Even a sentence or two in the docs about that would be helpful.