Skip to content

Instantly share code, notes, and snippets.

@codigoconjuan
Created December 12, 2019 19:26
Show Gist options
  • Save codigoconjuan/01def0b0f14fa70e47448b4284fc4217 to your computer and use it in GitHub Desktop.
Save codigoconjuan/01def0b0f14fa70e47448b4284fc4217 to your computer and use it in GitHub Desktop.
Gist para Noticias
<title>Buscador Noticias React</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:700,900" rel="stylesheet">
@Aleph-y
Copy link

Aleph-y commented Dec 27, 2020

@

una pregunta : porque en index.html solo incluyemos materialize.css y no materialize.js tambien? no van juntos?

Van juntos solo si utilizaras componentes que utilicen JS. Si te das cuenta esta ves se utilizo el select-default el cual no tienen ninguna funcionalidad de JS como era el caso de los select del cotizador de monedas que se tuvieron que inicializar en el index.html

@julianperezpesce
Copy link

julianperezpesce commented Jan 20, 2021

Hola, tengo problemas con el map de ListadoNoticias, me figura como incorrecto el key={noticia.url} alguien tiene una solucion?

@Aleph-y
Copy link

Aleph-y commented Jan 20, 2021

Hola, tengo problemas con el map de ListadoNoticias, me figura como incorrecto el key={noticia.url} alguien tiene una solucion?

Te comparto el código de mi componente. Si aun así te sigue marcando error, por favor manda una captura del error para que podamos ayudarte.
image

@diegoalerg
Copy link

Aclarar que el sitio no va funcionar en Netlify porque se requiere una API de producción.

Lo pudiste subir? a mi me carga por un segundo y luego desaparece, pienso que la causa es la API

@MarcoCarrillo
Copy link

Aclarar que el sitio no va funcionar en Netlify porque se requiere una API de producción.

Lo pudiste subir? a mi me carga por un segundo y luego desaparece, pienso que la causa es la API

Me pasa lo mismo

@JuanequeX
Copy link

Aclarar que el sitio no va funcionar en Netlify porque se requiere una API de producción.

Lo pudiste subir? a mi me carga por un segundo y luego desaparece, pienso que la causa es la API

Me pasa lo mismo

En la url de la api usen https y no http, funcionara sin problemas!

@Atuitjr
Copy link

Atuitjr commented Mar 8, 2021

Aclarar que el sitio no va funcionar en Netlify porque se requiere una API de producción.

Lo pudiste subir? a mi me carga por un segundo y luego desaparece, pienso que la causa es la API

Me pasa lo mismo

En la url de la api usen https y no http, funcionara sin problemas!

Realmente, la API ha cambiado su metodologia de subscripcion. por lo que si subes a produccion ( netlify) la web, no nso van funcionar la api, ya que lo gratuito es usarlo en local.

@gtobar
Copy link

gtobar commented Apr 19, 2021

hola, a mi me funciona en el escritorio, pero en mi teléfono, el botón buscar no genera el evento. ¿ Alguna idea ?

@freddywebmaster
Copy link

freddywebmaster commented Jun 22, 2021

Aclarar que el sitio no va funcionar en Netlify porque se requiere una API de producción.

Lo pudiste subir? a mi me carga por un segundo y luego desaparece, pienso que la causa es la API

Me pasa lo mismo

lo que sucede es que se necesita pagar la api de desarrolladores para poner la app en produccion, de lo contrario solo funciona en local host, y si tienes problemas con .map es porque la api no esta respondiendo nada por lo cual esa funcion no retorna nada, se puede solucionar con un ternario ej.....

{
(noticias===undefined) ? null:
noticias.map(noticia=>(

))
}

@maycomayco
Copy link

Aclarar que el sitio no va funcionar en Netlify porque se requiere una API de producción.

Lo pudiste subir? a mi me carga por un segundo y luego desaparece, pienso que la causa es la API

Me pasa lo mismo

lo que sucede es que se necesita pagar la api de desarrolladores para poner la app en produccion, de lo contrario solo funciona en local host, y si tienes problemas con .map es porque la api no esta respondiendo nada por lo cual esa funcion no retorna nada, se puede solucionar con un ternario ej.....

{ (noticias===undefined) ? null: noticias.map(noticia=>( )) }

Lo correcto seria utilizar logical AND operator noticias && noticias.map(noticia=>( ))
Y mas alla de eso se deberia capturar el error de la API para que estemos informados en todo momento del status del request

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment