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

Поделиться
HTML-код
  • Опубликовано: 12 дек 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: ruclips.net/video/32kIUzWDDLM/видео.html

  • @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

  • @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 10 месяцев назад +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!

  • @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.

  • @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

  • @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 ruclips.net/video/B1RN_s7aiJo/видео.html, cualquier cosa en RUclips hay bastante info

  • @efraindaza729
    @efraindaza729 Год назад

    Muy bueno el video!!

  • @aylinescobar9693
    @aylinescobar9693 Год назад

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

  • @juannicolasquinteroortiz1991
    @juannicolasquinteroortiz1991 Год назад

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

  • @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: ruclips.net/video/L_LvALKA_NM/видео.htmlsi=0TAy7lQLyEUjxaMX

  • @JohnDoe-ph7wp
    @JohnDoe-ph7wp 6 месяцев назад

    33:05

  • @tonycvenpro4027
    @tonycvenpro4027 Год назад

    37:40

  • @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

  • @mijailtorres6385
    @mijailtorres6385 Год назад

    gracias bro

  • @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

  • @tommyhertz7714
    @tommyhertz7714 Год назад

    minuto 32:05

  • @juanjojimenez6110
    @juanjojimenez6110 Год назад

    Ey pero como creadte todas esas carpetas que no vi

  • @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.

  • @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 }) => (

  • @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..