Challenge 2 / 2

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.

Rewatch the video