Enhancing Web Navigation with Turbolinks

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

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.

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

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

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