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

    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
    37:01
    Componentes de la página - REST Countries API - Crea tu propia React App - Parte 1
    luis96xd
    13 views 3 years ago $
    01:01:50
    HTML and CSS Tutorial: Order Summary Card - Frontend Mentor Challenge
    luis96xd
    14 views 3 years ago $
    02:02
    Caffeine Rush - My first AI Music Video. Made with Suno AI. I love it!
    luis96xd
    16 views a year ago $
    03:21
    Olvidando el Amor - Official Music Video -
    luis96xd
    10 views a year ago $
    37:05
    Métodos de Factorización - Ejercicios y Ejemplos
    luis96xd
    1 views 3 years ago $

    More Videos

    05:29
    🎵 Hive Open Mic 102 - "El ultimo amanecer" - Tema ORIGINAL - By @-lyon89 🎙🎶
    lyon-89
    9 views 3 years ago $
    39:45
    Tales of Berseria - Gameplay Español - Ep. 04
    enrico2gameplays
    1 views 4 years ago $
    06:13
    Nuevamente me presento a la Comunidad Full deportes / esta vez en video - introduce my self
    leonmaster
    22 views 3 years ago $
    08:24
    ¿Por qué los niños pequeños sufren enfermedades si no tienen pecado? Estamos ayudando a la gente votando el post sobre la revisión en el tema discutido por el hermano Eli
    eliseo.soriano
    2 views 2 years ago $
    04:50
    HIVE OPEN MIC WEEK 205 (MUSICAL IDOL): TAL VEZ - RICKY MARTIN (COVER @nancybmp)
    nancybmp
    13 views a year ago $
    01:16
    Inuyasha - Lágrimas (Vocal cover by @carminasalazarte) [ESP/ENG]
    carminasalazarte
    15 views 2 years ago $
    01:10
    Proceso creativo para regalar amor en San Valentín con mi tienda de regalos
    paoladiaz
    5 views 2 years ago $
    00:35
    Recordando un Blues
    youngmusician
    9 views 4 years ago $
    05:44
    Humillando con Log-Bait 🎮[ESP | ENG]
    championsacademy
    8 views a year ago $
    10:24
    [ENG/ESP] La Apertura Italiana, un juego lento que de la Nada se torna violento, debes aprenderla. || The Italian Opening, a slow game that turns violent from nothing, you must learn it.
    nerdvana
    13 views 3 years ago $
    18:40
    Reseña El Secreto de Adaline con Stella Martinez "Dos Miradas, Dos Reflexiones" (ESP/ENG)
    sugeily2
    23 views 10 months ago $
    02:27
    Fortalecimiento de abdominales [ESP-ENG]
    jose-sw31
    3 views a year ago $
    02:41
    Criterio absoluto [ESP-ENG]
    getheenspring
    16 views 10 months ago $
    05:04
    Del Dicho Al Hecho
    fernandoylet
    2 views a year ago $
    01:16
    Santa is coming to town - Frank Sinatra - Cover by David Osuna
    davidosunamusic
    2 views 6 months ago $
    03:15
    Jorge Drexler - Me haces bien (cover) @edwardstobia
    edwardstobia
    53 views 2 years ago $
    04:58
    Nueva estrategia con equipo de fuego - variando estrategias ESP | ENG
    ramsses-sw25
    1 views 2 years ago $
    03:00
    Amigos, simplemente amigos y nada mas! 🎶
    jossavendano
    7 views 4 years ago $
    03:55
    Hive Open Mic 128: “Desamor” | Hello (Evanescence) - Violin Cover
    cesarsj5
    33 views 2 years ago $
    03:36
    Antes (Cover) By @musicandreview
    musicandreview
    34 views 3 years ago $
    00:56
    Celebrando el Día del Padre [ESP/ENG]
    ladyunicorn
    9 views 2 years ago $
    15:00
    CLEANING SIMULATOR | GAMEPLAY
    alejandroloreto
    8 views 3 years ago $
    27:44
    Charla de Vida con Tatiana Clouthier | 1a Parte
    acgalarza
    6 views 2 years ago $
    02:41
    Hive Music Festival Week 36, Round 3/ "Aguacerito de Agosto"/ cover by @rafa06 (Esp/Eng)
    rafa06
    8 views 2 years ago $
    01:02
    "¡Ya Me Cansé!" ( I AM Tired) Parodia Original By @hermaryrc
    hermaryrc
    50 views a year ago $
    @minnowsupport: 5.7894
    @eddiespino: 1.1782
    @crimsonclad: 0.2530
    @followbtcnews: 0.2313
    @victoriabsb: 0.1036
    @viper160891: 0.0670
    @amberyooper: 0.0544
    @shadowmyst: 0.0364
    @blarchive: 0.0299