Search results
17 maj 2021 · You can use this syntax. Map all the image elements in one parent component. <div className="row_posters"> {movies?.map((movie, index) => { let moviesDiv = ( <div key={index} className="row_posters"> <img src={`${baseURL}${movie.poster_path}`} alt={movie.name} />; </div> ); return moviesDiv })} </div>
24 wrz 2023 · In this tutorial, we will walk you through the process of creating a movie app using React.js and the TMDB API, ensuring a beginner-friendly and well-explained approach. Table Of Contents: What is TMDB API; Install React and Set up React App; Generate TMDB API; Create .env file
23 sty 2017 · To get the poster use the following URL: https://image.tmdb.org/t/p/w185/SPECIFICMOVIEPOSTERPATH. The poster path is one of attributes you receive from the request. So for example, if you add tvSlBzAdRE29bZe5yYWrJ2ds137.jpg to that url, it will give you A new hope's poster.
In order to generate a fully working image URL, you'll need 3 pieces of data. Those pieces are a base_url , a file_size and a file_path . The first two pieces can be retrieved by calling the /configuration API and the third is the file path you're wishing to grab on a particular media object.
9 cze 2020 · This is a tmdb specific configuration. You have to concat the poster_path with the URL https://image.tmdb.org/t/p with the size of the image you want and pass it as src. See tmdb API docs for reference. For example for poster_path /udDclJoHjfjb8Ekgsd4FDteOkCU.jpg, the image URL would be https://image.tmdb.org/t/p/w500 ...
10 lip 2023 · Learn how to build a movie recommendation app using React and the TMDB API. Enhance your React development skills and create personalized movie suggestions.
9 maj 2023 · To illustrate the usage of React Query better, we will be creating a single page movie page using the movie database api. Please note: this article won’t cover how to setup an account on the movie database (TMDB). If needed, I will write on that in another article.
