De nada, saludos 😀

excelente, gracias , si faltaba llamar <Profile /> en app.js 🙂

Parece que estás teniendo problemas para renderizar el componente Profile en tu aplicación de React. A simple vista, el código parece estar bien. Sin embargo, me gustaría hacer un par de comprobaciones para ayudarte a solucionar este problema.

1. Asegúrate de estar importando el componente Profile correctamente en App.js: Verifica que la ruta…

Lee mas

Que tal en el modulo de componentes, functional components no me arroja en pantalla el mensaje del h1 en ninguna de las 3 formas…:(<div>

//Aqui el arhivo profile.jsx

import React from ‘react’;

/* const Profile =()=>{

return(

<h1>Soy un componente de funcion</h1>

)

} */

/*function Profile(){

return(

<h1>Soy un componente de…

Lee mas

Estos errores indican que estás intentando renderizar un objeto Error como un hijo en tu componente React. React no permite renderizar objetos como hijos directamente.

Para solucionar este problema, debes verificar qué parte de tu código está intentando renderizar el objeto Error y asegurarte de que estés pasando un tipo de dato válido como…

Lee mas

Quiero que al momento de mostrar la película, no me muestra nada y me lanza errores de que debo de cambiar la forma en como paso o leo los datos del objeto a un arreglo

adjunto mi proyecto y los errores en un txt

Intenta proporcionar una prop “key” única para cada elemento en una lista. La clave (key) ayuda a React a identificar elementos individualmente y mejorar el rendimiento de la reconciliación.

Para solucionar este problema, debes agregar la prop “key” en los elementos de la lista en tu componente ListComponent y MovieCard. Por ejemplo:

// Componente…

Lee mas

Adjunto el proyecto

Hola Selvin, puedes subir tu mensaje de error en un txt, y tus archivos de codigo. Todo en un .rar para checarlo. 😀

Hola, tengo un problema al momento de listar las películas y de querer ver cada película de manera individual<div>Al listar las películas se muestran pero en consola me lanza los errores adjuntos en la captura.
<div>Adjunto captura del error y capturas del código</div></div>

Puedes ayudarnos comentando que hiciste para solucionar tu problema. Y si gustas para tu otro detalle puedes arbrir otra pregunta en el foro 😀

Solucionado, ahora tengo un problema al listar las peliculas y querer verlo de manera individual

Una disculpa Selvin, pudiste solucionar tu problema?

Hola, la segunda función, incrementCounterValue, está incrementando el valor del contador en 1 en cada llamada, pero lo está haciendo de manera incorrecta.

En lugar de devolver un objeto que contenga la actualización del valor del estado, como debería hacerse en setState, la función de flecha dentro de setState está devolviendo el valor del…

Lee mas

Hola, tengo una duda.

Siguiendo los pasos del instructor.

La primera función si me realiza el incremento de 1.

Pero la segundo función, lo realiza de 2, cuando deberia incrementar en 1.

La tercera función, realiza el incremente en 4, cuando deberia ser en 2.

Me pueden apoyar, en que me equivoqué.

De antemano, Gracias

Agrego codigo fuente.

/* CLASS…

Lee mas

Me dice que no existe 🤔

Saludos!
Claro que sí, esta es la ruta

https://github.com/OscarRm92/movies_test_react.git

Saludos

¿Tienes tu proyecto final en GitHub?

Hola compañeros dejo mi aporte de este proyecto, no esta tan chido como el del profe pero ire mejorando con la practica, al final si pude deployar en 000webhost.com

solo hay que poner los archivos que genero dentro de build en la carpeta de public_html
https://pruebaazulschoolreact.000webhostapp.com/

Saludos

Ya lo resolví jajaja

Utilice estas lineas de código

export const getMovies = async () => {

const response = await axios.get(${API_URL}${moviesEndpoint},

{

‘mode’:’cors’,

‘headers’: {

‘Access-Control-Allow-Origin’:’*’,

}

});

console.log(response);

}

TEMA 8:

Lección :Promesas en JS y consumiento API (GET) Pt. 2

Problema con CORS.

Hola a todos!

El detalle que me encontré es el como pueden desestabilizar el cors para este consumible desde react, ya que buscando en diferentes foros dice que se tiene que quitar completamente la seguridad del navegador, lo cual no es eficiente, el API funciona bien…

Lee mas

npm (node package manager) es el gestor de dependencias/paquetes que obtienes por defecto cuando instalas Node.js. Proporciona una manera para que los desarrolladores instalen paquetes tanto a nivel global como local.

A veces puede que quieras echar un vistazo a un paquete específico y probar algunos comandos. Pero no puedes hacerlo sin…

Lee mas

Saludos
Tengo una duda con respecto a los comandos para el npm de esta leccion, puesto que tuve un problemas con la librería instalada en el cmd primera por permisos y posteriormente por que al parecer no es compatible, en esta solución que dejo cambia el comando de npm a npx, la cuestión es porque sucede esto, ya que fue la única manera en que…

Lee mas

Saludos

Al instalar el react-router-dom para seguir utilizando la sintaxis Switch instálalo de la siguiente manera npm i react-router-dom@5 , ya que si lo instalas así npm i react-router-dom, te instalara la versión mas reciente donde se cambio el Switch por el Routes y no podrás seguir avanzando conforme a las clases👍

tengo un eror Al querer instalar create-react-app de manera global no me lo permite, quisiera saber si alguien puede ayudarme?, ya que estoy instalandolo solo por proyectos que ya que esta solucion encontre en internet, pero quisiera saber por que no puedo realizarlo como en el video. gracias

si aun lo tengo no he podido solucionarlo

Hola, aun tienes el mismo problema?

Creando lista de películas Pt.2

disculpen alguien me puede ayudar con este problema se los agradecería 🙏😳🙏

Buenas , alguien sabe algo sobre el programa grafana o como puedo aprenderlo y donde !!

gracias

Que tal ! Luis mira lo que tienes que hacer es importar la imagen local fue como ami me funciono tal que así después tienes que agregar una una etiqueta img y agregar la imagen como esta en el ejemplo si no entiendes algo me avisas 🙂

No me muestra las películas, pero tampoco me muestra ningún error tampoco, no se que pueda ser. Aiiiiuuda!

import React from ‘react’;

import ‘./index.scss’;

import { Link } from ‘react-router-dom’;

import { Logo } from ‘../../assets/Logo.jpg’;

const Homepage = () => (

<>

<div className=”welcome-container”>

Bienvenido(a) a la mejor plataforma de peliculas en Azul school

<button…

Lee mas

Veo funcionando correctamente la API, puedes validar de nuevo? https://react-course-api.azulschool.net/movies/

En el vídeo se muestra la url de la API como http://, cambie a https:// y no me volvió a salir el problema con CORS.

Puedes pasarnos tu código por favor.

Que tal amigo yo también tuve el mismo problema no se si puedas pasar el código pasa ver por que no funciona 🙂

No me deja importar el logo, cabe ressaltar que utilice una imagen cualquiera de formato .jpg y no una de formato .png, creo que es lo único diferente, necesito ayuda.

Gracias Angel ! El 1 lo recomiendo bastante esta super detallado 😁

Hola Abraham, aquí te comparto algunas lecturas.

1.- REST API vs directamente llamadas de base de datos.

2.- MySQL vs MongoDB.

3.- MongoDB es una base de datos Open Source. La puedes descargar desde aquí: https://www.mongodb.com/try/download/community

4.- Tu base de datos y aplicación web se desarrollan de forma independiente, pero trabajan en…

Lee mas

¿Al momento de crear una aplicación es mejor crear una API o una base de datos ?

¿Es mejor crear una aplicación con mongodb o SQL ?

¿Mongodb es gratis ?

¿Cuando creamos una base de datos hay que subirla a un hosting independiente o cuando subimos la aplicación al hosting se sube con la base de datos ?

Saludos a toda la comunidad de Azul School 😃

Hola ! Martín Tengo otro problema al agregar la targeta Link al movie card me salta el error:

Gracias 🙂 Martín

Solved! Vuelve a intentar.