Document sample usage vanilla, turbolinks, and turbograft

Adding some usage notes in different operating scenarios

cc @pushrax do these look fairly accurate?  I trimmed down the Turbograft usage notes (since we have some re-application of old context stuff, that isn't necessarily directly applicable)

Here's a link to the nicely formatted README that this PR introduces:
https://github.com/Shopify/twine/blob/add-usage-notes/README.md
The idea here is that when the page changes, you want to reset Twine completely? If so - can you add a sentence to the README for that?