p4-backend-2023 by David AR
PopularFilms-to-React, es un ejercicio del Posgrado en Full-Stack Web Technologies. Se basa en una migración a React de la práctica nº2 PopularFilms-to-HTML. Popular Films [Just Watch] to HTML que fue desarrollado usando TypeScript para generar un sitio web estático. La versión original se encargaba de obtener la información de las películas desde la API de The Movie Database (TMDb) y creaba un archivo HTML principal con una lista de películas y archivos HTML individuales para cada película con más detalles.
La migración se realizó para obtener una experiencia práctica con React y para aprovechar las ventajas de las aplicaciones de página única (SPA) que ofrece esta biblioteca, como la capacidad de actualizar y renderizar eficientemente componentes específicos en la página en lugar de recargar la página completa.
El proyecto ahora utiliza React para generar una aplicación web dinámica, manteniendo la misma funcionalidad de mostrar una lista de películas populares y sus detalles. También se incluyen las funcionalidad typo Just Watch para ver en que plataformas se puede ver la película. Y la paginación tanto en la lista de peliculas como en el detalle de la película
Durante la migración, se realizó la transición de un enfoque estático a uno dinámico para mostrar los datos de las películas. Se implementó el uso de Hooks y Context para manejar el estado global de la aplicación, y se hizo uso de React Router para la navegación entre las vistas de la lista de películas y los detalles individuales de las películas.
-
Clona el repositorio en tu máquina local utilizando
git clone. -
Entra en el directorio del proyecto:
cd popular-films-react
- Instala las dependencias del proyecto:
npm install
- Iniciar Servidor de desarrollo:
npm start
Este proyecto fue iniciado con Create React App.
Puedes aprender más en la documentación de Create React App.
Para aprender React, consulta la documentación de React.