Como CREAR una PAGINA WEB con REACT JS | DESDE 0 | Para principiantes
Вставка
- Опубліковано 8 вер 2024
- En este vídeo, voy a mostrarte cómo crear un sitio web desde cero con React.
Al final de este video, habrás creado un sitio web básico con React y serás capaz de entender los fundamentos del desarrollo web. Si sos nuevo en el desarrollo web, este video te va a servir.
------------------------------
github: github.com/Jus...
pagina: bright-rabanad...
-------------------------------------
Si querés ayudar a que este canal siga creciendo:
Alias Mercado Pago: code.tech
¡Muchas gracias! Muy bien explicado; espero tu canal crezca mucho más. Ya ganaste un siscriptor nuevo.
Gracias!
Gran video crack!! Gracias por compartir tu gran conocimiento, espero sigas haciendo contenido relacionado a React por favor!! Gracias 🔥🔥
Gracias amigo! Espero que te haya servido, saque un video para crear un portfolio
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!
Compa, segui sus instrucciones y todo funciono de maravillas, esta muy bueno el tutorial.
Me alegro amigo! Dentro de poco subo un video para hacer el deploy a netlify
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
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.
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.
Hermano, qué buen video, muchas felicitaciones, nuevo suscriptor.
Pd: No sé si soy yo, pero se cayó el enlace de tu Gitbhub.
Gracias amigoo, ahora me fijo lo del github
@@codereview_ Amigo era yo, tranquilo. Muchas gracias.
si quiero publicar el proyecto que opcion buena recomiendas ? excelente video
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
Muy bueno el video!!
Gracias!
Muy bueno pero como que molesta mucho el sonido del teclado
Bienvenido mr.fastidio al mundo de la informática, si no te gusta comprale un microfono.
gracias bro
hola! una consulta parte de react -icons, donde debocrearla o como se debe hacer?
Te referis a instalarlo?
33:05
Hola en el minuto 32:16 no me queda como te queda a vos, me y no entiendo poquue cuando pongo el windowDimension.width
amigo, te fijaste en el repo ?
github.com/JustoMateos21/web-agencia-copia/blob/main/src/Components/NavBar.js
Como creo diferentes paginas en un sola carpeta de react?
Amigo no entiendo bien a que te referís, entras a la carpeta, clic derecho, new file
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!!
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!
Si te fijas la extensión del archivo, es .module.css en vez de directamente .css
@@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 ?
@@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
@@simonkdsz6164 Acá tengo un video que lo explico mira: ua-cam.com/video/L_LvALKA_NM/v-deo.htmlsi=0TAy7lQLyEUjxaMX
Alguien sabe porque me da error al querer hacer los import de los primeros minutos
cual te da error? tirame el codigo
@@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
si te da error como a mi, puede que sea por borrar el archivo app.css, y aparte escribí mal unas cosas jaja
¿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:
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.
@@codereview_ ya lo solucione, era un tema con la carpeta donde estaba el proyecto
Ey pero como creadte todas esas carpetas que no vi
cuales carpetas?
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.
Haces zoom con alguna extension o en el celu y podes 👍
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}
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
37:40
minuto 32:05
-> quedé minuto 49
Pobre teclado
El mouse: Estoy cansado jefe..
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??
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.
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 }) => (