¡Vamos a crearnos ahora nuestros proyectos de realidad! Vamos a ver dos formas. La primera va a ser con el clásico Create React App , que, por cierto, tiene una gran ventaja: encontrarás muchísimos proyectos inicializados con esta herramienta. Es decir, podrás acceder a bastantes códigos fuente que usan este tipo de creación. Esta es la forma que también React nos recomienda para arrancar. Podemos verlo en su documentación oficial, donde se explica paso a paso cómo crear un proyecto con esta herramienta. Paso a paso: Creamos una carpeta raíz para almacenar todos nuestros proyectos. Yo la llamé "React intensivo". Abrimos Visual Studio Code (nueva ventana) y arrastramos la carpeta dentro. Así usamos la interfaz gráfica, aunque también se puede hacer directamente por consola. Una vez dentro de la carpeta, abrimos una nueva terminal en VS Code. Según la documentación de React, el comando es: bash npx create-react-app < nombre-...
Tutorial 37.3: Consumiendo API de Películas Introducción a la API de The Movie Database Ahora vamos a consumir la API de The Movie Database (TMDb), que puedes encontrar en api.themoviedb.org . Esta es una API gratuita que nos proporcionará toda la información sobre películas que necesitamos para nuestra aplicación. Requisitos para usar la API: Es necesario registrarse para obtener una clave de API (API Key) La API es gratuita con ciertas limitaciones Necesitamos un token de autorización para hacer peticiones Tipos de endpoints disponibles La API de TMDb nos ofrece tres formas principales de buscar películas: 1. Discover - Descubrir películas text /discover/movie Muestra películas con filtros opcionales por categorías, recomendado cuando quieres mostrar una lista general de películas. 2. Search - Búsqueda por texto text /search/movie Busca películas específicas por nombre, ideal para implementar un buscador. 3. Find - Buscar por ID text /find/{id} Busca una película específica por...
Tutorial: 29. useEffect en React Introducción a useEffect useEffect es uno de los Hooks más importantes en React que nos permite ejecutar efectos secundarios en nuestros componentes funcionales. Los efectos secundarios son operaciones que pueden incluir peticiones a APIs, suscripciones, manipulación del DOM, etc. 1. Sintaxis Básica La sintaxis básica de useEffect es: javascript useEffect (() => { // Código a ejecutar }, []) // Array de dependencias Ejemplo visual de la sintaxis: text useEffect(()=>{},[]) 2. Ejemplo Práctico: Sistema de Likes Vamos a construir un componente de likes para entender cómo funciona useEffect : javascript import { useState , useEffect } from "react" ; export function Prueba () { const [ likes , setLikes ] = useState ( 0 ); const darLike = () => { setLikes ( likes + 1 ); }; // useEffect ejecutando darLike un...
Comentarios
Publicar un comentario