SymfonyCasts stands united with the people of Ukraine

TRACK

JavaScript Frameworks & Tools >

COURSE

Symfony UX: Turbo >

CHAPTER

Turbo Frames Look for & Load the Matching Frame

Buy Access to Course

Challenge #2 of 2

Q:
When we load a Turbo Frame, we need to specify an `id` property both in the frame on the page that does the loading, and on the frame in the rendered fragment.

Why?

Because Turbo needs to know if the rendered fragment matches the frame that did the request, since URLs can be hacked.

The rendered response can have any id. Turbo just looks at <turbo-frame> elements within it and will only render that part of the response.

Because Turbo will look at the part of the rendered response that exactly matches the <turbo-frame id=""> pattern and only render that part.