{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/099c19300a01481d8faa0ef5559a186b\" frameborder=\"0\" width=\"1726\" height=\"1294\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1294,"width":1726,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1294,"thumbnail_width":1726,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/099c19300a01481d8faa0ef5559a186b-7f46a6e48e7f6efb.gif","duration":737.685,"title":"Movie Search App Code Walkthrough and Fixes","description":"This Loom explains the Movie Search App, focusing on how it fetches and filters movie data while handling loading, errors, and missing images. The app shows a loading animation, then displays 86 movies, and search results update from 0 of 86 to matches like 3 of 86 when searching by title. It uses useEffect to fetch the API on first load, sets movies and filteredMovies from the JSON response, and switches loading to false when finished, with a separate useEffect to focus the input once loading completes without error. The presenter also details an approach for missing movie images by replacing them with a placeholder image rather than removing those movies from display."}