{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/22f7e30960c14475ae96bd5c936c109c\" frameborder=\"0\" width=\"1720\" height=\"1290\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1290,"width":1720,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1290,"thumbnail_width":1720,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/22f7e30960c14475ae96bd5c936c109c-61aaeadc546539be.gif","duration":207.478,"title":"Mission 5 Project Explanation and Updates","description":"This Loom redo explains the key React concepts used in a mission 5 project, focusing mainly on state, props, and rendering game cards. It describes using useState to store games because the collection can change when users add a new game, and passing game properties like image, title, platform, and rating from App JSX into the Game component. It also covers how map loops through the games array to create a Game component for each item, and how filter determines which games are shown without deleting them. Finally, it explains how submitting the form adds a new game using a spread operator to keep existing games and trigger re rendering, along with updates to the favicon and URL."}