18 - Mostrar Película (Detalle al hacer clic)

Comentarios

Publicar un comentario

Entradas más populares de este blog

Axios para Principiantes - Guía Paso a Paso

  Axios para Principiantes - Guía Paso a Paso 📚  ¿Qué es Axios? Axios  es como un  "mensajero"  entre tu aplicación web y un servidor. Imagina que tu app necesita pedir información (como una lista de películas) a un servidor en internet - Axios se encarga de enviar esa "carta" y traer la "respuesta". 🎯  ¿Por qué usar Axios? (Para principiantes) Sin Axios: text Tu App → "Oye servidor, dame películas" ❌ (no sabe cómo comunicarse) Con Axios: text Tu App → Axios → "GET /películas" → Servidor → ✓ Películas recibidas ✅ Ventajas: Más fácil que el método nativo de JavaScript (fetch) Mejor manejo de errores Funciona en todos los navegadores Soporte para promesas (async/await) 🚀  PASO 1: INSTALACIÓN (La Parte Fácil) ¿Qué es NPM? NPM es como una  "tienda de aplicaciones"  para programadores. En lugar de ir a una tienda, escribes comandos en la terminal. Pasos concretos: Abre la terminal  (Command Prompt, Terminal, o la terminal de VS ...
Leer más

React Router y Navegación - Explicación para Principiantes

📚 Conceptos Básicos ¿Qué es React Router? Es una  biblioteca  que nos permite crear aplicaciones web con  múltiples páginas  dentro de una sola página (Single Page Application). ¿Cómo funciona? Sin React Router:  Cuando cambias de página, el navegador recarga todo. Con React Router:  Solo cambia la parte del contenido, sin recargar toda la página (más rápido). 🎯 ¿Qué vamos a hacer? (Paso a Paso) Paso 1: Preparar 3 "páginas" (componentes) Imagina que tenemos 3 archivos: ListaPeliculas.js  - Muestra todas las películas DetallePelicula.js  - Muestra una película específica AgregarPelicula.js  - Para añadir nuevas jsx // Ejemplo: ListaPeliculas.js function ListaPeliculas ( ) { return ( < div > < h1 > 🎬 Lista de Películas </ h1 > < p > Aquí van todas las películas... </ p > </ div > ) ; } Paso 2: Instalar el "GPS" de nuestra app bash npm install react-router-dom Esto insta...
Leer más

15-Tutorial: Crear Película en React con useState

  Introducción ¡Excelente! Ya tienes todos los métodos configurados para conectar tu aplicación React con el backend. Ahora vamos a implementar la funcionalidad para crear películas, lo que nos permitirá tener una lista inicial de películas al regresar al home. Paso 1: Importaciones necesarias Vamos al componente  AddMovie.js  y realizamos las importaciones: jsx import React , { useState } from 'react' ; import MovieService from '../services/movieService' ; Paso 2: Estado inicial de la película Dentro del componente funcional, antes del return, definimos el estado inicial: jsx const AddMovie = ( ) => { // Estado inicial de la película const initialMovieState = { title : '' , director : '' , genre : '' , synopsis : '' , year : 0 , rating : 0 } ; // Estado para manejar la película actual const [ movie , setMovie ] = useState ( initialMovieState ) ; // Estado par...
Leer más