{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/1b41956c10014c5ea87c0267686ec51f\" frameborder=\"0\" width=\"1664\" height=\"1248\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1248,"width":1664,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1248,"thumbnail_width":1664,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/1b41956c10014c5ea87c0267686ec51f-00001.gif","duration":280.63955068299987,"title":"Flask with ReactJS Frontend: Setting Up Cohesion","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."}