Renderizando los países - REST Countries API - Crea tu propia React App - Parte 2

6

  • 30
  • 0
  • 7.947
  • Reply

    • Open in the desktop app ADD TO PLAYLIST
      Report
    Buzz

    luis96xd

    Published on Nov 21, 2021
    About :

    Hola a todos, en este video aprenderemos a renderizar la lista de países en nuestra App.

    Luego de haber realizado la llamada a la API, estos datos se guardan en el estado de la aplicación. Una lista o array sobre la cual iteraremos y crearemos una tarjeta para cada uno, en la cual se muestra la población, capital y continente, además de su bandera.

    Para ello, crearemos un componente llamado Card, que se refiere a cada país individual, y un componente llamado Countries que es la cuadricula que se encarga de renderizar o mostrar cada tarjeta en la pantalla.

    Aprenderás aspectos como:

    • Sintaxis JSX
    • El renderizado condicional
    • Manejo del estado
    • Pasar propiedades (props) a los hijos y viceversa
    • Métodos de los arrays (filter, map, etc).

    Espero que les guste este video
    Cualquier duda pueden dejarla en los comentarios ;-)

    ¡Saludos y espero verlos pronto!
    Tags :

    developspanish developer programador spanish react tutorial dev web development html javascript programming countries frontend mentor

    Woo! This creator can upvote comments using 3speak's stake today because they are a top performing creator! Leave a quality comment relating to their content and you could receive an upvote worth at least a dollar.

    Their limit for today is $0!
    Comments:
    Time until luis96xd can give away $0 to their commenters.
    0 Days 0 Hours 0 Minutes 0 Seconds
    Reply:

    To comment on this video please connect a HIVE account to your profile: Connect HIVE Account

    More from luis96xd
    16:16
    Descripción del Proyecto - REST Countries API - Crea tu propia React App - Parte 0
    luis96xd
    27 views 3 years ago $
    38:23
    Resolución de ecuaciones (Lineales, cuadráticas y mucho más)
    luis96xd
    2 views 2 years ago $
    59:10
    Introducción al Desarrollo Web - HTML, CSS y JavaScript - Conceptos básicos
    luis96xd
    7 views 3 years ago $
    03:21
    Olvidando el Amor
    luis96xd
    2 views 8 months ago $
    01:01:50
    HTML and CSS Tutorial: Order Summary Card - Frontend Mentor Challenge
    luis96xd
    14 views 3 years ago $

    More Videos

    01:23
    ENTRENAMIENTO PARA PIERNAS Y ABDOMEN / LEGS AND ABS WORKOUT (ESP /ENG)
    subaks
    2 views 3 years ago $
    02:23:55
    MIREN: Exposición de la Biblia - 22 de Junio de 2021, 20:00 BRT. Estamos ayudando a la gente votando el post sobre la revisión en el tema discutido por el hermano Eli
    eliseo.soriano
    5 views 3 years ago $
    10:35
    ⚽🐝Neymar JR ..¿éxito o fracaso cantado? (SERIE Netflix)⚽🐝
    rodrikun17
    2 views 3 years ago $
    19:32
    Modo Gaming: Let's drive at top speed in Team Sonic Racing 🏎️🔥🏁🏆 / Ps4 🎮 [English Subtitles]
    fernanblog
    18 views 6 months ago $
    07:32
    Assasin's Creed IV Black Flag,+Edward attacks the fortress of the governor of Havana💀🔥🛳💥/GamingB
    sadbear
    1 views 2 years ago $
    02:45
    Hive Music Festival Week #77 Round#2- El flechazo y la secuela- Ricardo Arjona- cover by superjavi.[
    superjavi
    6 views 9 months ago $
    04:05
    Hive Music Festival semana 91 round #1 - "Heal the World" Michael Jackson - 🎵 [Esp/Eng]🎵
    davixesk8
    38 views 6 months ago $
    00:44
    El Camino Antiguo – “¿Tiene la Biblia contradicciones, o algunas iglesias la malinterpretan?"
    inilsa
    1 views 4 years ago $
    04:12
    Me equivoquè (Cover acùstico by @victoriakim21) Ventino
    victoriakim21
    7 views a year ago $
    00:56
    El Camino Antiguo – “¿Está cerca el fin del mundo?"
    inilsa
    1 views 4 years ago $
    08:50
    🎯 ESTO DEBES HACER 😱 Noticias Criptomonedas | Ethereum | Cardano | Balenas | NFT
    centralcripto
    0 views 3 years ago $
    01:50
    We went to First Grade😍😍💙 [Esp-Eng]
    milagrosmhbl
    5 views 6 months ago $
    03:17
    Consigue tu V-sit con Estos Ejercicios | Get Your V-sit with These Exercises [ESP | ENG]
    jisus-swyc
    2 views 2 years ago $
    04:21
    Aprende conmigo Tutoríal "Dios está Aquí" Cover by @wbrandt [Eng-Esp]
    wbrandt
    8 views 3 years ago $
    02:48
    La demanda impuesta a BINANCE 🧑‍⚖
    mildred271
    11 views a year ago $
    03:55
    Restauración de parque Fundación Mendoza: dia 1 y 2
    joscar-sw
    7 views a year ago $
    06:37
    HIVE OPEN MIC #183 PRESENT TENSE- PEARL JAM COVER💡✌️ ESP/ENG
    albertocoachbl
    6 views a year ago $
    01:42
    Mi primera torta marquesa de chocolate ~Vlog
    isabella.art
    22 views 2 years ago $
    13:27
    (Eng/Esp) Endless Adventures in Eternium - Aventuras sin Fin en Eternium
    sugeily2
    53 views a year ago $
    03:59
    Hive Music Festival • Week 17 Round 2 • "CONTROL" 🎵 Cover by @leomolina 🎧
    leomolina
    15 views a year ago $
    16:34
    Summer Sports Games: reviviamos las olimpiadas en nuestro dispositivo móvil (ES/EN)
    ismaelgranados
    4 views a year ago $
    01:59
    Día 20 de 366 Resumen del RETO burpees💪🔥/ENG
    albertocoachbl
    8 views a year ago $
    02:26
    Tutorial rey escorpión! | Tutorial King Scorpion!
    wil-leandro
    36 views 2 years ago $
    28:17
    Una partida de locos-Ashe soporte LOL WR (ESP-ENG).
    osita21
    6 views 2 years ago $