<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/1b41956c10014c5ea87c0267686ec51f&quot; frameborder=&quot;0&quot; width=&quot;1664&quot; height=&quot;1248&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1248</height><width>1664</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1248</thumbnail_height><thumbnail_width>1664</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/1b41956c10014c5ea87c0267686ec51f-00001.gif</thumbnail_url><duration>280.63955068299987</duration><title>Flask with ReactJS Frontend: Setting Up Cohesion</title><description>In this video, I continue where we left off, discussing the setup of highlight in the frontend and backend app, and how to connect the two. I explain the concept of tracing origins and how the frontend instruments XHR and FET. I also demonstrate how to set specific origins and HTTP headers to connect frontend requests with backend actions. Additionally, I showcase a new button that makes a request to the backend endpoint and handle errors in the rendering code. Finally, I highlight the benefits of the React error boundary and how it allows users to provide feedback on bugs.</description></oembed>