Symfony UX: Turbo
|
Learn how to make your website feel like a single page app (SPA) with Turbo, a JavaScript library. No need to change your app, Turbo turns links and forms into AJAX calls. Discover the power of Turbo Frames and Turbo Streams for a fast and dynamic user experience.
What you’ll be learning
Think you need to build an SPA (single page app) in React or Vue to make your site feel like an SPA? Think again!
In part 1 of this series – Symfony UX: Stimulus – we talked about a library that allows you to attach JavaScript functionality to HTML elements – even if that HTML is loaded via AJAX.
In this course, we’ll talk about Turbo: a JavaScript library that instantly makes your site feel like an SPA. How? By turning every link and form into an AJAX call… without you needing to make any changes to your app (well, almost no changes):
Understanding and enabling Turbo Drive!
Reloading the page when assets change
Form updates: returning a 4xx status code
AJAX loading parts of your page with Turbo Frames
Symfony’x ux-turbo package!
Making links/form submits “stay” inside a frame
Targeting the main page from a frame
Turbo streams: updating multiple parts of your page from the server!
The end result? A “traditional” site (one that returns HTML) that absolutely flies!
There are no reviews yet.