Como CREAR una PAGINA WEB con REACT JS | DESDE 0 | Para principiantes

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 57

  • @jonathansarmiento7311
    @jonathansarmiento7311 Рік тому +8

    ¡Muchas gracias! Muy bien explicado; espero tu canal crezca mucho más. Ya ganaste un siscriptor nuevo.

  • @codereview_
    @codereview_  Рік тому +6

    Si queres crear otro proyecto de React JS, ecommerce desde 0, un poco mas avanzado, podes verlo aca: ua-cam.com/video/32kIUzWDDLM/v-deo.html

  • @CarlosDanielACh
    @CarlosDanielACh Рік тому +1

    Gran video crack!! Gracias por compartir tu gran conocimiento, espero sigas haciendo contenido relacionado a React por favor!! Gracias 🔥🔥

    • @codereview_
      @codereview_  Рік тому +1

      Gracias amigo! Espero que te haya servido, saque un video para crear un portfolio

  • @IvanMontiveros
    @IvanMontiveros 11 місяців тому +1

    El contendio es oro .... Pero en representacion de todos los mouse´s del mundo. te pdo no le pegues tan fuerte al click ajjajaja Un abrazo!

  • @cristianvalenzuela9409
    @cristianvalenzuela9409 Рік тому +2

    Compa, segui sus instrucciones y todo funciono de maravillas, esta muy bueno el tutorial.

    • @codereview_
      @codereview_  Рік тому

      Me alegro amigo! Dentro de poco subo un video para hacer el deploy a netlify

  • @nicobarcena1299
    @nicobarcena1299 11 місяців тому

    Hola en el minuto 32:16 no me queda como te queda a vos, me y no entiendo poquue cuando pongo el windowDimension.width

    • @codereview_
      @codereview_  11 місяців тому

      amigo, te fijaste en el repo ?

    • @codereview_
      @codereview_  11 місяців тому

      github.com/JustoMateos21/web-agencia-copia/blob/main/src/Components/NavBar.js

  • @nicolascastillo4306
    @nicolascastillo4306 8 місяців тому

    Gracias maestro muy bueno. yo estoy arrancando con la programación, me sirvió mucho ver tus videos y que comentes tus vivencias. Soy de Argentina también, te podría preguntar donde estudiaste? porque arranqué a estudiar la tecnicatura y según lo que escuché en algunos lados dicen que no sirve de nada estudiar la carrera, que es mejor hacer cursos o ser autodidacta.

    • @codereview_
      @codereview_  8 місяців тому

      Amigo mira, no creo que no sirva estudiar la carrera, lo que pasa es que a veces en una carrera, no vez lo ultimo de los lenguajes, pero aprendes a programar, ves la lógica de programación, que por ahí en los cursos no, porque ya arrancas derecho con una tecnología.
      Yo arranque haciendo el curso, The web developer bootcamp, de Colt Steele en Udemy, ese te puede servir bastante para arrancar, y después me metí en una carrera de UNICEN. Para mi van unidos, una carrera y hacer cursos. Porque los cursos tienen cosas que la carrera no y viceversa, ya después esta en vos si seguís la carrera cuando agarras laguro.

  • @juannicolasquinteroortiz1991

    Hermano, qué buen video, muchas felicitaciones, nuevo suscriptor.
    Pd: No sé si soy yo, pero se cayó el enlace de tu Gitbhub.

  • @aylinescobar9693
    @aylinescobar9693 Рік тому

    hola! una consulta parte de react -icons, donde debocrearla o como se debe hacer?

  • @efraindaza729
    @efraindaza729 Рік тому

    Muy bueno el video!!

  • @didierblanco9019
    @didierblanco9019 Рік тому +2

    si quiero publicar el proyecto que opcion buena recomiendas ? excelente video

    • @codereview_
      @codereview_  Рік тому

      Para mi lo más sencillo es netlify, podes conectarlo con github y subir el repositorio directamente, es lo que yo uso, te dejo acá un video ua-cam.com/video/B1RN_s7aiJo/v-deo.html, cualquier cosa en UA-cam hay bastante info

  • @Coronzon333
    @Coronzon333 Рік тому

    Como creo diferentes paginas en un sola carpeta de react?

    • @codereview_
      @codereview_  Рік тому

      Amigo no entiendo bien a que te referís, entras a la carpeta, clic derecho, new file

  • @miich440
    @miich440 Рік тому

    Alguien sabe porque me da error al querer hacer los import de los primeros minutos

    • @codereview_
      @codereview_  Рік тому

      cual te da error? tirame el codigo

    • @dajuro9193
      @dajuro9193 Рік тому

      @@codereview_ Failed to compile.
      Module not found: Error: Can't resolve './App.css' in 'C:\Users\dajur\hernandez\src'
      ERROR in ./src/App.js 5:0-19
      Module not found: Error: Can't resolve './App.css' in 'C:\Users\dajur\hernandez\src'
      ERROR in ./src/App.js 6:0-34
      Module not found: Error: Cannot find file: 'home.js' does not match the corresponding name on disk: '.\src\screens\Home.js'.
      webpack compiled with 2 errors

    • @dajuro9193
      @dajuro9193 Рік тому

      si te da error como a mi, puede que sea por borrar el archivo app.css, y aparte escribí mal unas cosas jaja

  • @kuramasnk1417
    @kuramasnk1417 Рік тому +2

    Muy bueno pero como que molesta mucho el sonido del teclado

    • @Comander311
      @Comander311 Рік тому

      Bienvenido mr.fastidio al mundo de la informática, si no te gusta comprale un microfono.

  • @simonkdsz6164
    @simonkdsz6164 Рік тому

    Hola una pregunta, xq en 11:24 dentro del className usas "Style. " , es nesesario?? no se podria poner className= "navBar" ? creo q asi lo hace todo el mundo , por eso mi duda, exclente el video!!

    • @codereview_
      @codereview_  Рік тому +1

      Buenas! Sisi, estaría bien usar className="navBar" con una hoja de estilos normales, el tema es que ahí estoy usando módulos css, lo que hace que se encapsulen los estilos solo para ese archivo javascript y no se traspasen a otros si pones el mismo nombre, Gracias!

    • @codereview_
      @codereview_  Рік тому +1

      Si te fijas la extensión del archivo, es .module.css en vez de directamente .css

    • @simonkdsz6164
      @simonkdsz6164 Рік тому +1

      @@codereview_ ahh entonces cuando usas modulos en los archivos js o jsx en un className hay q anteponer primero el Style. para q funcione bien ?

    • @codereview_
      @codereview_  Рік тому +1

      @@simonkdsz6164 claro, no necesariamente styles, tenes que importar la hoja de estilos con Import unnombre ./larutadelarchivocss, y es como si utilizarás un objeto después con el nombre que importante el css, yo en ese caso le puse styles, pero puede ser clases, cualquier nombre representativo

    • @codereview_
      @codereview_  Рік тому +1

      @@simonkdsz6164 Acá tengo un video que lo explico mira: ua-cam.com/video/L_LvALKA_NM/v-deo.htmlsi=0TAy7lQLyEUjxaMX

  • @juanjojimenez6110
    @juanjojimenez6110 Рік тому

    Ey pero como creadte todas esas carpetas que no vi

  • @mijailtorres6385
    @mijailtorres6385 Рік тому

    gracias bro

  • @tommyhertz7714
    @tommyhertz7714 Рік тому

    minuto 32:05

  • @JohnDoe-ph7wp
    @JohnDoe-ph7wp 6 місяців тому

    33:05

  • @tonycvenpro4027
    @tonycvenpro4027 Рік тому

    37:40

  • @PedroRodriguez-dl5yt
    @PedroRodriguez-dl5yt 11 місяців тому +2

    Amigo, le recomiendo sin intención de ofenderle ni despreciar su trabajo que utilice en sus vídeos el modo presentación del IDE para que los caracteres se vean grandes y nítidos y observables. Así como está no se ven bien ni en pantalla grande.

  • @AlanMartinez96
    @AlanMartinez96 Рік тому

    Porque te complicaste tanto para hacer un .map de las paginas de tu web ?
    Era mas simple si hacias un array de objectos de este modo const pages = [{name: "Home", href: "/"}, {name: "Services", href: "/services" }]
    Y ponias como key={name} href={href}

    • @codereview_
      @codereview_  Рік тому +1

      Tambien podria ser de esa forma, pero guarda con el href, que en la pagina lo paso como to, que el componente Link viene de react router dom

  • @mariadaniels3703
    @mariadaniels3703 Рік тому

    -> quedé minuto 49

  • @Alberto-zt8es
    @Alberto-zt8es 10 місяців тому

    ¿por que si hago todo al pie de la letra me sale esto?????
    npm start
    npm ERR! Missing script: "start"
    npm ERR!
    npm ERR! Did you mean one of these?
    npm ERR! npm star # Mark your favorite packages
    npm ERR! npm stars # View packages marked as favorites
    npm ERR!
    npm ERR! To see a list of scripts, run:
    npm ERR! npm run
    npm ERR! A complete log of this run can be found in:

    • @codereview_
      @codereview_  10 місяців тому +1

      Fijate como tenes configurado el pacakge.json, ahi le indicas el comando que vas a usar para correr la pagina. Podes probar con npm run dev.

    • @Alberto-zt8es
      @Alberto-zt8es 10 місяців тому

      @@codereview_ ya lo solucione, era un tema con la carpeta donde estaba el proyecto

  • @beneficios-del-te
    @beneficios-del-te Рік тому

    Pobre teclado

    • @arashii_
      @arashii_ Рік тому

      El mouse: Estoy cansado jefe..

  • @charly-fg7xe
    @charly-fg7xe Рік тому

    en 13:19 cuando meto el codigo:
    DISO | Digital Solutions

    {
    navBarOpen &&(

    {links.map((x)=>(

    {x.link==="HowWeWork" ? "How We Work": x.link}

    ))}


    )}
    me tira un error : undefined is not iterable (cannot read property Symbol(Symbol.iterator))
    TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) estoy seguro de tener el mismo codigo de lo q va el video en esa parte pero no logro enocntrar el error , ya hace mas de 1 hora q estoy debugeando pero no puedo jajja alguna idea??

    • @codereview_
      @codereview_  Рік тому

      Amigo tenes bien escrito el array the links? Escribime por discord que lo solucionamos, justo3515. Esta tambn el repo de github, mira te lo dejo aca por las dudas tambien github.com/JustoMateos21/web-agencia-copia.

    • @codereview_
      @codereview_  Рік тому

      Podes probar de esta forma, donde pones links.map lo destructuras y directamente le pasas el link y el id, entonces te queda de esta forma: {links.map(({ id, link }) => (