Curso JavaScript: 141. WordPress REST API y Fetch (3 / 5) - #jonmircha

En esta serie de videos te enseño a interactuar entre la API #Fetch de #JavaScript y la #WordPress #REST API. En este video analizamos cuáles son los endpoints que nos convienen consumir para obtener la información de los posts.

Aquí los enlaces mencionados en el video:

[elweonweandolaweafome]

6:57 Compañeros, si siguen el ejemplo al pie de la letra nos va a dar este error: TypeError: Cannot set properties of null (setting 'innerHTML') en este mismo bloque de codigo:
El error "TypeError: Cannot set properties of null (setting 'innerHTML')" se produce en la función "getPosts()" cuando intentamos establecer la propiedad "innerHTML" de la variable en una de las iteraciones del ciclo forEach.

La variable "$template" es un elemento de HTML que se utiliza como plantilla para generar contenido dinámico a partir de los datos de la API. Sin embargo, el problema es que no se está clonando correctamente la plantilla para cada iteración del ciclo forEach, lo que provoca que se intente acceder a una propiedad "innerHTML" de un elemento nulo.

Para solucionar este problema, debemos clonar la plantilla antes de intentar establecer sus propiedades de "innerHTML". Esto se puede hacer utilizando el método "cloneNode(true)" en lugar de "importNode()". El método "cloneNode(true)" crea una copia del nodo completo, incluyendo sus hijos y atributos, mientras que "importNode()" solo importa el nodo especificado.
Miren el gist con el codigo usando cloneNode:

[ArturoJimenez]

Excelente los comentarios sobre lo que te paso, esa experiencia compartida vale mucho y casi nadie habla ese tipo de conocimiento que a la final vale Muchisimo! La experiencia vale ORO!

[j.b.]

Grande, Jon 👏. Esos tips que nos das tienen un valor incuantificable, son situaciones que se nos presentarán en la vida real y el hecho de que alguien que ya lo ha vivido nos lo explique de manera detallada y con una solución real, de verdad, no tiene precio. Eres todo un referente de la programación y una inspiración para los que nos vamos iniciando en este maravilloso mundo. Mil gracias amigo y nunca dejes de compartirnos esas experiencias, siempre habremos personas encatado de escucharlarlas y con ganas de aprender.

[lucoluco]

llevo mas de 3 meses viendo este curso siempre pienso que no avanzo pero cada día soy mas rápido gracias mi pelón

[pauldelacruzcancho]

Este curso viene hasta con casuísticas reales de trabajo, gracias por tanto jonmircha!!!

[adrianmartinez]

Profe! Cada clase es mejor que la anterior.. Gracias.. Totales!

[andrespampaOk]

Muy buena clase y esos consejos son los que te dan en la facultad o universidad. Este curso es un 10!!

[osvanybreff]

Maravilla de clase profe 😊 10/10 no me he fijado si en el curso de React hizo este ejercicio pero me adelanté y lo estoy haciendo con React y me esta quedando idéntico, claro aplicando todo lo q me ha enseñado hooks personalizados y todo lo demás gracias profe 😊🫡

[eliam]

Profe Jon, su método de enseñanza y explicaciones tienen 10/10, pero tus experiencias/tips/consejos, de verdad, le dan un súper, súper, súper PLUS. muchas gracias profe, sus alumnos en la Salle son demasiado afortunados 🐱‍💻🙌😎

[evalaya]

gracias profesor ...veo que cada ves quedamos menos y yo no desisto en aprender ...la verdad que es mas difícil por la dictadura que hay en Venezuela ...pero como decimos en Venezuela ...palante es para allá 👉....y no me pienso rendir ...gracias profesor de verdad que usted es el mejor

[darx]

WOWWWW, una vez mas compruebo que este es el mejor curso de Javascript de todos, muchas gracias por compartit tu conocimiento Jon, muy pronto en mi nuevo empleo te estare retribuyendo $$

[josephmardiaz]

Excelente profesor, ya estamos por aca! falta poco, todo ha valido la pena 10/10!

[yovanyescobarrojas]

profe excelente aporte al comunidad, ya falta poco, seguimos aprendiendo y "gratis"

[AlejandroGuerrero]

Algunas veces a los post de Wordpress no les ponen la featured image, así que hay que, al igual que hiciste en el ejercicio de la API de TVMAZE, evaluar si existe la imagen y en caso contrario, poner una por defecto.
En mi caso me copié la línea de la validación del ejercicio de TVMAZE y no funcionaba porque en este caso de Wordpress, la condición del operador ternario (lo que van antes del "?") no permite evaluar si existe toda la condición que le pasamos (da error al evaluar cuando se encuentra un array que no existe) y hay que acortar la condición hasta antes de que se encuentre el array.
Me quedó así:

[jasserblanco]

Gracias por los tips mircha, deberias sacar short con tips seria una bomba

[Kevinmonkada]

Muchas gracias profe por la charla profesional, la verdad creo que es demasiado importante, ya que es una realidad con lo que nos vamos a encontrar alli afuera si o si, entonces de cierta forma esas experiencias que nos comparte nos sirve para analizar otras formas de hallar soluciones. Gracias de nuevo por estas grandes clases para este hermoso lenguaje

[alexanderg]

26:50 saber el como, pero tambien el porque de las cosas. Maravilloso :)

[kunjilee]

Claro que no nos aburrió la explicación, experiencias profesionales son las que dan de verdad valor a lo que estás diciendo, muy buena clase profe!

[r.w.s.]

Donación hecha amigo, habrá más:) Me tienes enganchada a tus cursos.

[matiasromera]

Nadie:
Jon: "parametrito"
jajaja, excelente!