Syntax - Tasty Web Development Treats Hasty Treat - Turbolinks + Server Generated HTML + JS Sprinkles
Jul 20, 2020
Delve into the world of Turbolinks and discover how it revolutionizes web navigation by loading HTML through Ajax, making transitions smoother. The hosts highlight who’s using Turbolinks, including big names like GitHub and Basecamp. Explore the meld of server-generated HTML with JavaScript frameworks like React and Alpine JS to create dynamic web components. Gain insights into the evolution of client-side routing and the future of efficient web development, emphasizing minimal JavaScript with powerful results.
AI Snips
Chapters
Transcript
Episode notes
Turbolinks Overview
- Turbolinks speeds up web apps by generating HTML on the server and sending it via AJAX.
- This approach differs from client-side rendering, offering a faster refresh experience.
GitHub's use of Turbolinks
- GitHub uses Turbolinks to enhance its user experience.
- The subtle animation bar during page transitions indicates Turbolinks fetching and swapping HTML.
Pjax and Turbolinks
- Pjax, a predecessor to Turbolinks, offered similar functionality with jQuery.
- It allowed client-side routing with partial page reloads for a smoother user experience.