<?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/53c363806f8a47599b6d1d0eab1b5a77&quot; frameborder=&quot;0&quot; width=&quot;1152&quot; height=&quot;864&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>864</height><width>1152</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>864</thumbnail_height><thumbnail_width>1152</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/53c363806f8a47599b6d1d0eab1b5a77-70278f3f09859aca.gif</thumbnail_url><duration>300.269</duration><title>Building a React Cake Filter Website</title><description>This Loom walks through building a React website called Sweet Layers that displays cake cards with flavor filters. The author explains using a reusable child component that takes props like image, title, flavor, rating, and price, and how a one data-driven approach makes the page dynamic instead of hard-coded. It covers state management with useState, where clicking a flavor button (defaulting to all) triggers re-rendering to show only the selected flavor, with 13 cakes currently listed. The Loom also shares a styling bug fix in index.css, where adding object-fit: cover prevents cake images from being squished and cut off.</description></oembed>