... JavaScript, then Turbo wouldn't be active and each "click" on your site would be a normal full page refresh, and so that would work perfectly too. And third, in case it helps you be more confident, Turbo (as Turbolinks) has been around for *years* and I can't find anyone complaining about SEO problems after switching to it.
Cheers!
... appropriate.
For others, we talked about how to handle this with Turbo Frames just a few days ago https://symfonycasts.com/screencast/turbo/login-redirect
Cheers!
... don't think we will have it earlier than in May :) I would like to suggest you to subscribe to this course on the course intro page: https://symfonycasts.com/screencast/turbo - we will notify you when we will start releasing it.
P.S. We're very excited about this Turbo feature as well in SymfonyCasts! ;)
Cheers!
|
<turbo-frame id="product-review"> |
|
{% for review in product.reviews %} |
|
<div class="component-light my-3 p-3"> |
|
<p><i class="fas fa-user-circle me-2"></i>{{ review.owner.email }} <i class="fas fa-star ms-4"></i> {{ review.stars }}/5</p> |
|
<div> |
|
{{ review.content }} |
|
</div> |
|
</div> |
|
{% else %} |
|
<p>This product has not been reviewed yet!</p> |
|
{% endfor %} |
|
|
|
<hr> |
|
|
|
{% if reviewForm|default(false) %} |
|
<h4>Post your own review</h4> |
|
{{ form_start(reviewForm, { |
|
'action': path('app_product_reviews', { id: product.id }) |
|
}) }} |
|
{{ form_row(reviewForm.stars) }} |
|
{{ form_row(reviewForm.content) }} |
|
|
|
<button class="btn btn-primary" formnovalidate>Add Review</button> |
|
{{ form_end(reviewForm) }} |
|
{% elseif not is_granted('ROLE_USER') %} |
|
<p><a href="{{ path('app_login') }}">Log in</a> to post your review</p> |
|
{% endif %} |
|
</turbo-frame> |
See Code Block in Script
|
<!DOCTYPE html> |
|
<html> |
|
|
// ... lines 3 - 15
|
|
<body class="bg-black text-white font-mono"> |
|
|
// ... lines 17 - 55
|
|
<div |
|
data-controller="modal" |
|
data-action="turbo:before-cache@window->modal#close" |
|
> |
|
<dialog |
|
class="open:flex bg-gray-800 rounded-lg shadow-xl inset-0 w-full md:w-fit md:max-w-[50%] md:min-w-[50%] animate-fade-in backdrop:bg-slate-600 backdrop:opacity-80" |
|
data-modal-target="dialog" |
|
data-action="close->modal#close click->modal#clickOutside" |
|
> |
|
<div class="flex grow p-5"> |
|
<div class="grow overflow-auto p-1"> |
|
<turbo-frame id="modal"></turbo-frame> |
|
</div> |
|
</div> |
|
</dialog> |
|
</div> |
|
</body> |
|
</html> |
See Code Block in Script
Toast Notifications
... - or top - of your screen. And Bootstrap has support for them. Our goal is
simple but bold! I want to be able to trigger a toast notification from any
template or from a Turbo Stream.
Start by creating a new template ...
Hi |mention:85008|,
Can you please share "symfony/asset-mapper" package version? Have you edited it manually or it was added automatically after ux-turbo installation?
Cheers! ...
Hey Infourok,
Are you on the latest version of Turbo? Otherwise, you can follow the same workaround we're using in this course.
Cheers! ...
... Ok, I'll try with turbo 8. Thank you very much for taking the time to reply to me after your live stream ;-)
Cyril
Update: the issue with the page jumping to top after using data-turbo-action="advance" happens in Brave browser, not on Firefox, Chrome or Edge. ...
... I'm wondering if the combo symfony/stimulus/turbo avoids some SEO problems that we get while using a framework like React with its client side rendering first nature ?
Thanks for all the help.
As for the versioning we have:
* "symfony/ux-turbo": "^2.9", in composer.json
* "@symfony/stimulus-bridge": "^3.2.0", in packages.json ...
Yo @jmsche!
Sorry for the late reply. Why can this be skipped now? I think I missed some new Turbo feature - please tell me! :)
Cheers! ...
Hi @weaverryan!
any experience with integrating zopim/zendesk chat widget in a project using turbo? I have been trying different approached, but no luck so far :( ...
hm interesting question, I can think only about Turbo tech from Stimulus devs probably it's the best use-case for it, however I'm not fully sure about it. ...
Hello Ryan,
Sorry for my unclear explanations.
It's ok I solved my problem with the rest of the tutorial and the use of turbo frame.
Cheers. ...
... Hey,
i'm using Turbo but it seems by default removing anchor (_fragment) when i use redirectToRoute, here is a way to fix it ?
Hi team!
Are you going to publish a demo of mercure without using symfony turbo in this course?
Some reactjs example using api platform?
Thanks! ...
... Yup! I'm building it this week - Turbo had a few more chapters than I expected. I'm hoping to release this next week :)
Just a quick note: I don't need `display:block;` on `turbo-frame` with Firefox 90.0 (64 bits) on Linux Mint 20.2.
Good job, keep going, I love it! ...
590
Turbo
Filter Results