Hasty Treat - Turbolinks + Server Generated HTML + JS Sprinkles

July 20, 2020

In this Hasty Treat, Scott and Wes talk about turbolinks — what it is, how to use is, popular apps using is, and more!

Prismic - Sponsor

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.

Show Notes

02:50 - What is turbolinks?

• Generate HTML on the server
• Send it over the ajax request
• Load it in the page

03:55 - Who is using Turbolinks?

• GitHub
• Basecamp
• Hey.com

05:24 - Turbo Links javascript browser bundle

• Intercepts any link click
• Fetches the page HTML

09:19 - JS Sprinkles

• Vanilla JS
• jQuery
• Stimulus
• Alpine JS

Links

• Turbolinks
• Syntax 254: Headless CMS Break Down & Roundup
• pjax
• Svelte
• Next.js

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets