The way I see it, there are 2 approaches to target specific pages with mercure turbo streams.
1. You can add an identifier to the target element's ID, like you do in this course
2. You can add an identifier to the ...
... But, if you're optimizing for performance, then why not *give* it that data on page-load? It's an extra step of work to set up, but it generally solves the issue.
Btw, for us, we're using Stimulus and Turbo for most ...
... above probably, we haven't talked about JWT in other courses unfortunately.
Oh, or take a look at this video too: https://symfonycasts.com/screencast/turbo/mercure-jwt - might be useful for you I suppose.
I hope that helps!
Cheers!
... " because it takes a while for that content to load. What if you had a 'load-this-FUTURE-content' trigger (maybe an empty turbo element??) that is for a not-yet-in-view-port element. I wouldn't know if this idea exists ...
Thanks for the answer. I see. When I used the symfony binary plus the Symfony Local Web Server I had no problems using the Mercure hub and I had nothing to configure. But I want to use/test Turbo Streams in a "real ...
... basically say (in Twig) "Render the ABC React component and pass it these props", where those props could be anything, even an object that's serialized to JSON. So again, this is very similar to Inertia.js... but it's only one thing that Stimulus (and Turbo) can do :).
Cheers!
... \
libzip-dev \
libmcrypt-dev \
libpng-dev \
libpq-dev \
zlib1g-dev \
libfreetype6-dev \
libjpeg62-turbo-dev \
&& curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin ...
... *",
"symfony/monolog-bundle": "^3.0",
"symfony/runtime": "6.1.*",
"symfony/twig-bundle": "6.1.*",
"symfony/ux-turbo": "^2.0",
"symfony/webpack-encore-bundle": "^1.13 ...
... to cover like Symfony UX/Stimulus/Turbo &
Symfony 5.2 to name the 2 most important things at the moment. But if you have any other problems or questions, let me know - it can help me make sure I've got the right examples for the tutorial.
Cheers!
Upgrading to Symfony 6.4
... came from an update to ux-turbo. We won't use it, but it's fine there.
In package.json, it added a new entry for stimulus bundle. This is a relatively
new bundle that got installed during the upgrade, and we'll talk more ...
Symfony UX Packages
... only when we needed them.
We're now done with day 8! A full week and day into LAST stack! Tomorrow, we're
going to crank it up to eleven and transform our app into a sleek, single-page
wonder with Turbo! Over the next 7 days... things wil start to get crazy.
Querying the Database
... it is.
You can also see a formatted version of it... though I need to refresh the page
for this to work... because the Turbo JavaScript library we installed in
the first tutorial doesn't always play nice with this ...
Making a Configurable Reusable Controller
...
Stimulus's sister technology "Turbo" - will show an even easier way to submit
any form via Ajax. So definitely check that out.
But doing this with Stimulus will be a good exercise and will give us more
control and ...
React or Vue Stimulus
... can still get
the nice, single page app experience of avoiding full page refreshes. How? With
Stimulus's sister technology Turbo, which we'll talk about in the next tutorial.
So if you're motivated to build an SPA ...
Hey @lexhartman!
Good question! You can use vue, ux-turbo, stimulus, etc with Webpack Encore just fine. So the REAL question is: can I use Encore & AssetMapper in the same project. The answer is: theoretically yes ...
...
"symfony/ux-autocomplete": "2.x-dev", // 2.x-dev
"symfony/ux-live-component": "2.x-dev", // 2.x-dev
"symfony/ux-turbo": "2.x-dev", // 2.x-dev
"symfony/ux-twig-component": "2.x-dev", // 2.x-dev ...
... *",
"symfony/ux-turbo": "^2.0",
"symfony/webpack-encore-bundle": "^1.13",
"symfony/yaml": "6.2.*",
"twig/extra-bundle": "^2.12|^3.0",
"twig/twig": "^2.12|^3.0"
},
"config": {
"allow-plugins ...
... https://symfonycasts.com/screencast/turbo/mercure (and the next few chapters). The big difference there is that we're sending HTML in the Updates and using some external JS to parse that HTML and use it. You would send JSON ...
Stimulus Writing Pro JavaScript
... use a JavaScript
framework like React? No! We're going to transform our app into a single page
application in... about 3 minutes with Turbo.
Preloading
... that's what loads our controllers,
and @hotwired/turbo is also critical.
When we refresh... nothing changes: we just have more modulepreload items in the
HTML. If we run Lighthouse one more time, we're still scoring 100 ...
584
Turbo
Filter Results