Curso React JS en Español 📘 Tutorial de React.js desde cero ⚛️ Instalación, Componentes, JSX y más 🔥

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2019
  • ✅ Aprende React desde cero hasta profesional aquí 👉 victorroblesweb.es/master-react
    🔥 Suscríbete: th-cam.com/users/VictorRoblesWEB...
    🎓 Cursos online de desarrollo web: victorroblesweb.es/academy
    📧 Newsletter: eepurl.com/dgDGnf
    📷 Instagram: / victorroblesweb
    📑 Facebook: / víctor-robles-web-1460...
    🐦 Twitter: / victorobs
    👨‍💼 LinkedIn: / victorroblesweb
    🧢 Mi gorra: amzn.to/2lDH1wv
    💻 Mi PC: amzn.to/2EloEpT
    ⚒️ Mi setup: bit.ly/2LsY1oj
    🌐 Hosting que recomiendo 👉 victorroblesweb.es/hosting
    🖥️ Servidor VPS recomendado 👉 victorroblesweb.es/vps
    (Cupón de descuento extra para ambos: VICTORROBLESWEB)
    👕 Mi ropa con diseños geek originales 👉 bit.ly/2xObr5f 👕
    Aprende lo fundamental del desarrollo web con React. Uno de los frameworks para javascript más usados y demandados actualmente que nos permite desarrollar interfaces y aplicaciones web SPA increíbles mucho más rápido que con JS nativo.
    Te enseñaré como empezar en React.js y como instalarlo y como trabajar con componentes, plantillas, JSX y mucho más. Todo en 50 minutos, desde cero y paso a paso.
    Espero que te guste mucho el vídeo 😄
    Aprende más de React en este curso: www.udemy.com/course/master-e...
    #victorroblesweb

ความคิดเห็น • 195

  • @VictorRoblesWEB
    @VictorRoblesWEB  ปีที่แล้ว +2

    ✅ Aprende React desde cero hasta profesional aquí 👉 victorroblesweb.es/master-react

  • @ovillafuertem
    @ovillafuertem 4 ปีที่แล้ว +9

    Justo lo que necesitaba bro!
    Te felicito eres un crack 🤩

  • @marioherrera2055
    @marioherrera2055 2 ปีที่แล้ว +3

    Excelente tutorial para comenzar con react, al inicio le tenia miedo por todo lo que mostraba la documentacion y así pero ya viendo poco a poco el proceso ya tengo nociones de como hacer cierto tipo de cosas y aplicarlas a mis proyectos. Gracias

  • @emmanueldominguezizaguirre4196
    @emmanueldominguezizaguirre4196 4 ปีที่แล้ว +2

    Muy bueno curso he entendido perfectamente todo, gracias por hacer estos videos!

  • @israelguevarayataco2823
    @israelguevarayataco2823 4 ปีที่แล้ว +2

    Excelente!! Estaba esperando por esto!!

  • @claudiofuentes9625
    @claudiofuentes9625 3 ปีที่แล้ว +2

    De todos los cursos de React que he visto, este es mi estándar a seguir

  • @juliocesarguadalupe7462
    @juliocesarguadalupe7462 4 ปีที่แล้ว +2

    Muchas gracias profe Victor, he aprendido mucho de tus cursos, estaria genial uno basico de Vue.js, por ahora estoy aprendiendo Angular, saludos.

  • @gomz810
    @gomz810 4 ปีที่แล้ว +2

    Gracias victor por el aporte, en esta semana comprare un curso tuyo.

  • @kaso1824
    @kaso1824 ปีที่แล้ว +4

    Sr. Victor Robles Gracias por este video, hace 1 hora no sabia literalmente nada de React ahora he aprendido lo basico gracias a usted, seguire aprendiendo MUCHAS GRACIAS, le mando un abrazo virtual. jajajaja

  • @teveoenlaweb
    @teveoenlaweb 3 ปีที่แล้ว

    Hola Víctor Robles WEB, muchas gracias por explicar tan claro este Curso React JS en Español, :)
    me ha quedado todo muy claro, eres el mejor, sigue así. 😎

  • @OFISPOT
    @OFISPOT 4 ปีที่แล้ว +1

    Amigo. Gracias !!! Muy clara la definición de compoentes. Saludos

  • @fxrl1681
    @fxrl1681 3 ปีที่แล้ว

    Perfect!!!!!!!!
    no sabía nada de React, ahora ya tengo la idea mucho más clara

  • @JuanCarlosGarfiasTovar
    @JuanCarlosGarfiasTovar 4 ปีที่แล้ว +2

    Excelente curso, muchas gracias!!

  • @VictorRoblesWEB
    @VictorRoblesWEB  4 ปีที่แล้ว +36

    ✅ Aprende mucho más de React desde cero hasta profesional conmigo aquí 👉 victorroblesweb.es/master-frameworks-js

    • @hgb5764
      @hgb5764 3 ปีที่แล้ว

      Muy buen video llevaba tiempo sin trabajar reac y de verdad que me sirvio mucho el video para recordar conceptos y formas de trabajo excelente !

    • @PabloTechOK
      @PabloTechOK ปีที่แล้ว

      pero como creas un index nuevo, por que yo si borro el apps.js se me muere todo.

    • @HkStreamlugo
      @HkStreamlugo ปีที่แล้ว

      "install" no se reconoce como un comando interno o externo,
      programa o archivo por lotes ejecutable.
      hola amigo que hagio si me da ese error ?

  • @alvalenciavalencia
    @alvalenciavalencia 3 ปีที่แล้ว

    He quedado impresionado con la explicación, excelente.

  • @JoannaOchoa
    @JoannaOchoa 4 ปีที่แล้ว +4

    Justo lo que necesitaba 🤩🤩

  • @osvaldobustamante5000
    @osvaldobustamante5000 2 ปีที่แล้ว

    Excelente el tutorial...pensaba que era algo mas complejo, pero si se tiene el conocimiento front se hace facil...ahora voy a meter las manos...gracias porfe!!!!

  • @majostWS
    @majostWS 3 ปีที่แล้ว +1

    Gracias por éste excelente video, ya compré el master.

  • @brandonalexis8263
    @brandonalexis8263 3 ปีที่แล้ว

    Excelente video, fue muy claro el uso de react para poder iniciar con el framekork

  • @rogrp1241
    @rogrp1241 3 ปีที่แล้ว +49

    es increíble todo lo que haces con tan solo 12 años, crack

  • @franciscotaveras8998
    @franciscotaveras8998 4 ปีที่แล้ว +1

    Excelente, hasta deseos de tomar el curso en udemy me dio.

  • @Vicc159
    @Vicc159 4 ปีที่แล้ว +8

    Seguí como 2 tutoriales y no le entendía y termine de ver este tutorial y quedo todo claro, muy buena explicación, gracias!

  • @inakilesca3412
    @inakilesca3412 4 ปีที่แล้ว +2

    exelente, esperando por uno igual de Vue.js

  • @LeoGagnone
    @LeoGagnone 3 ปีที่แล้ว +1

    Sos un genio, Victor. Ganaste un suscriptor.

  • @d-landjs
    @d-landjs 4 ปีที่แล้ว +1

    Excelente video!!! Pronto espero adquirir estos cursos pronto!

  • @ronymichelle
    @ronymichelle 2 ปีที่แล้ว

    Me encanta como explicas, muchas gracias!!

  • @EugeMoreno
    @EugeMoreno 3 ปีที่แล้ว

    Muchas gracias, super claro! sigo aprendiendo con tus videos

  • @Ale.cea.
    @Ale.cea. 3 ปีที่แล้ว

    Como introduccion a React el video estuvo muy bueno! Muchas gracias!!!

  • @pablofedericofidelamendola7302
    @pablofedericofidelamendola7302 4 ปีที่แล้ว

    Crack!!. Excelente video 👍

  • @GonDevel
    @GonDevel 4 ปีที่แล้ว +22

    Y pensar que yo llegue a este canal cuando tenia menos de 16 mil suscriptores :’)
    Gracias Víctor por tanto y perdón por tan poco.

    • @LeoGagnone
      @LeoGagnone 3 ปีที่แล้ว

      Sos un visionario. Victor es un capo

  • @TheOtti7
    @TheOtti7 4 ปีที่แล้ว +1

    Sos un crack! Gracias por el curso

  • @sepinaco
    @sepinaco 4 ปีที่แล้ว +1

    Muchas gracias por este vídeo💙

  • @joeldominguez565
    @joeldominguez565 2 ปีที่แล้ว

    Buenísimo!! simple y efectivo.

  • @sheylaperezdelvalle7046
    @sheylaperezdelvalle7046 2 ปีที่แล้ว

    Muy bien explicado!! muchas gracias!

  • @jorgekawuillan157
    @jorgekawuillan157 2 ปีที่แล้ว

    Me funciono super bien el tutorial. Gracias saludosss.

  • @maurchus
    @maurchus 2 ปีที่แล้ว

    Excelente intro, muchas gracias, todo muy claro.

  • @hectorzapata7626
    @hectorzapata7626 3 ปีที่แล้ว

    Muy simple y bien explicado el contenido.

  • @alejandrotorres5226
    @alejandrotorres5226 3 ปีที่แล้ว +2

    lo vi entero, hora de dominar el mundo

  • @johnner5735
    @johnner5735 3 ปีที่แล้ว

    Excelente y claro, gracias =)

  • @andreskubler7720
    @andreskubler7720 3 ปีที่แล้ว

    Increible! me salvaste del dolor de cabeza :)

  • @mauriciotorres2595
    @mauriciotorres2595 3 ปีที่แล้ว

    Que buen video, un 100 todo muy claro ❤

  • @juanenriquehernandezardila2404
    @juanenriquehernandezardila2404 4 ปีที่แล้ว +18

    Esta muy buenos tus cursos ya he comprado cuatro has pensado en nosotros para ayudarnos en el camino gracias

  • @mrestrella4
    @mrestrella4 ปีที่แล้ว

    Excelente explicaciones y ejemplo!!! me acabo de apuntar en el curso!!!

  • @ignaciodumit1974
    @ignaciodumit1974 2 ปีที่แล้ว

    muy buen tutorial me sirvio muvhisimo gracias!!!!

  • @JuanGabrielOyolaCardona
    @JuanGabrielOyolaCardona ปีที่แล้ว

    Muchas gracias explicas buenos trucos y conceptos de react 🤩🙏😃

  • @JuanPerez-xg9nf
    @JuanPerez-xg9nf 2 ปีที่แล้ว

    Gracias por la introducción a ReactJs

  • @JoseGuerrero-ol1vx
    @JoseGuerrero-ol1vx 3 ปีที่แล้ว

    Saludos... Muy buena la información... Exitos!!

  • @Anh_Ra
    @Anh_Ra 3 ปีที่แล้ว

    Muy dinamico, gracias!

  • @aquiteloexplicamos
    @aquiteloexplicamos 3 ปีที่แล้ว +4

    Hola, me sale que "recommended protections disabled" cuándo ejecuto el comando "npm cache clean -- force". que debo hacer ahi? gracias, saludos

  • @Titanblack007
    @Titanblack007 2 ปีที่แล้ว +1

    Aprendi React JS en 51 minutos, capaz y menos porque me salte algunos dialogos, gran video, adoro estos videos resumidos.
    Gracias!!!!!

    • @shiokpro
      @shiokpro 2 ปีที่แล้ว

      Con esto uno se hace una idea no más del funcionamiento de react, muy bueno enrealidad

  • @didieroficialdev
    @didieroficialdev 3 ปีที่แล้ว +4

    Hola Victor, en tus cursos tienen como usar React + PHP y MYSQL? como crear un ecommerce algo asi?

  • @biskukuy
    @biskukuy ปีที่แล้ว

    excelente, al menos hice mi primer componente en react....

  • @kevinguzman1929
    @kevinguzman1929 4 ปีที่แล้ว +1

    Buenísimo Victor! Muchas gracias por compartir algo con nosotros!.

  • @vv0909
    @vv0909 4 ปีที่แล้ว +3

    Excelente el video, transmite una paz al hablar y programar este muchacho. Un genio la verdad 😎😎

  • @pabloguillermoalarcon1665
    @pabloguillermoalarcon1665 3 ปีที่แล้ว

    Gracias me fue mul util para emepzar.

  • @varoreyes
    @varoreyes 4 ปีที่แล้ว

    muy bueno el video... un favor como monto en nodejs un proyecto descargado de react js ? si tuvieras algun video al respecto por favor

  • @joscal06
    @joscal06 3 ปีที่แล้ว

    Excelente video

  • @uniontic
    @uniontic 4 ปีที่แล้ว +1

    Gracias Victor

  • @churri41
    @churri41 2 ปีที่แล้ว +1

    Magnifico tutorial, gracias por explicarlo despacio y paso a paso. ¿Podrías por favor hacer un tutorial, de como crear el juego wordle paso a paso con react? Gracias de nuevo.

  • @juanbautista0
    @juanbautista0 3 ปีที่แล้ว

    Gracias, Víctor ¿Conoces un ejemplo de Microkernel o aplicación modular en React?

  • @skerebro4460
    @skerebro4460 4 ปีที่แล้ว +2

    Buenisimo victor como siempre
    Porfa agradeceria de todo corazón uno sobre el marco de nuxt.js !
    Sos genial !

  • @luiszabalaga3816
    @luiszabalaga3816 3 ปีที่แล้ว

    Excelente!!!

  • @HumbertoColmenares
    @HumbertoColmenares 3 ปีที่แล้ว

    Hola Victor, excelente video. Gracias por la ayuda. No tengo la opción por ninguna parte de crear una carpeta nueva, por ejemplo "components" Sabrás a qué se debe?

  • @ricardodelacruz8666
    @ricardodelacruz8666 3 ปีที่แล้ว +3

    Muy buen tutorial aprendi bastante ya que es la primera vez que uso React, ahora bien, no se si sea por alguna actualización que se haya hecho en React desde que grabaste este tutorial pero sucede que todo iba bien hasta que llego la parte de los componentes, hice todo tal cual lo presentas en el video pero a la hora de cargar la página los cambios no se presentan, repito, escribi el código tal cual como lo explicas en el tutorial pero no me funciona, ¿será alguna actualización o algo así? fuera de eso no tuve ningún problema y todo me salio genial.

  • @rogeralagon3743
    @rogeralagon3743 4 ปีที่แล้ว +3

    Que buen servicio!! :v

  • @teveoenlaweb
    @teveoenlaweb 3 ปีที่แล้ว

    Hola, y como puedo seguir trabajando con SASS mi css en React?
    Gracias

  • @frangamer6679
    @frangamer6679 4 ปีที่แล้ว +1

    Super bueno eh :3 saludos

  • @alc1513
    @alc1513 3 ปีที่แล้ว +1

    Una pregunta. ¿Como se ponen los corchetes rojos dentro del código html?

  • @RobertCastilloC
    @RobertCastilloC 4 ปีที่แล้ว +1

    crack total

  • @unsol5746
    @unsol5746 4 ปีที่แล้ว +1

    Exelente

  • @sastre023
    @sastre023 2 ปีที่แล้ว

    muy bueno

  • @webdev2300
    @webdev2300 3 ปีที่แล้ว +1

    Cual es el Theme de Visual que estas usando en este video ? las fonts que les da estan buenisimas!!!!

  • @raulcarrillo8306
    @raulcarrillo8306 ปีที่แล้ว

    hola Victor, tengo conocimientos basicos de html y css, recomiendas tomar el curso Full Stack

  • @joelnbl7839
    @joelnbl7839 4 ปีที่แล้ว +2

    Excelente, 5 estrellas!

  • @raulhuerta1206
    @raulhuerta1206 3 ปีที่แล้ว

    Para aplicaciones moviles se usa este framework o React Native forzosamente?

  • @jorgeherrera6895
    @jorgeherrera6895 3 ปีที่แล้ว

    Excelente

  • @ramirogarcia534
    @ramirogarcia534 3 ปีที่แล้ว

    Hola me gustaria saber para que es el archivo que me vino en el src setupTests.js
    :( saludos

  • @tjshigue1
    @tjshigue1 ปีที่แล้ว

    hola victor, no entendi lo del minuto 8:13 . yo puedo escoger cualquier carpeta donde hacer mi proyecto? y si es asi? como debe ser el orden en el que debo escribir los comandos y que tipos de comandos debo escribir? por ejemplo me gustaria tener una carpeta en el escritorio donde pueda guardar todo lo que voy a hacer en un proyecto de react. como deberia escribirlo en la consola?

  • @ekron8601
    @ekron8601 3 ปีที่แล้ว

    esta genial

  • @JuanGabrielOyolaCardona
    @JuanGabrielOyolaCardona ปีที่แล้ว

    Thanks for sharing 😃🙏🤩

  • @santiagopasciullo7235
    @santiagopasciullo7235 4 ปีที่แล้ว

    Buenas, una consulta cuando ingreso el comando: "npm install -g create react-app" sale el siguiente aviso:
    npm WARN notsup Unsupported engine for create@0.0.2: wanted: {"node":">= 0.4.0 && < 0.7.0"} (current: {"node":"14.2.0","npm":"6.14.5"})
    npm WARN notsup Not compatible with your version of node/npm: create@0.0.2
    + create@0.0.2
    + react-app@1.1.2
    added 2 packages from 3 contributors in 1.345s

  • @josuecarahuanco9658
    @josuecarahuanco9658 4 ปีที่แล้ว

    como se hace para subirlo a hosting? solo es subir la carpeta ?

  • @eduardohiramarredondobahen1361
    @eduardohiramarredondobahen1361 4 ปีที่แล้ว

    ¡Suscrito!

  • @tatosalvi
    @tatosalvi 3 ปีที่แล้ว

    tuviste que instalarte alguna extension o algun snippet para que te reconozca la sintaxis de react?

  • @shiokpro
    @shiokpro 2 ปีที่แล้ว

    Al instalar node como lo dicen aquí tuve problemas con el npm, así que recomiendo instalar el Node Version Manager (nvm) y desde ahí con permisos de administrador en una power shell escribir "nvm install lts"" Para instalar la versión de node con soporte extendido.

  • @danielrivera5198
    @danielrivera5198 3 ปีที่แล้ว

    npx webpack -d no me lo reconoce extrañamente por que lo demas esta igual ya revise varias veces dice qu eno reconoce el comando

  • @leonardoperez4053
    @leonardoperez4053 4 ปีที่แล้ว

    Thank ;)

  • @manuelaguilar7833
    @manuelaguilar7833 3 ปีที่แล้ว

    el curso de react auin sigue disponible ?

  • @iozkLive
    @iozkLive 3 ปีที่แล้ว

    se puede usar php sqli y react?!

  • @YUYO1814
    @YUYO1814 ปีที่แล้ว

    Tengo una duda una vez que cierro la consola como vuelvo a levantar el local host??

  • @jhoniermarin729
    @jhoniermarin729 4 ปีที่แล้ว +4

    Muy bueno ya lo tengo comprado 👌

  • @nullpointer3860
    @nullpointer3860 3 ปีที่แล้ว

    Ufff, mi cerebro a punto de explotar, html dentro de javascript, wow! Como sea, ya estuve trasteando paso a paso con este tutorial y la verdad no tiene desperdicio...

  • @gladiuscalosus4922
    @gladiuscalosus4922 4 ปีที่แล้ว

    Excelente video para iniciarse en react y comprender como trabaja, tengo la duda si se puede combinar React y Bootstrap?

  • @adriantalavera6299
    @adriantalavera6299 4 ปีที่แล้ว +2

    Tengo una duda, me quede a medio tutorial y no sé como volver abrir la ventana de consola que hace que react siga corriendo y se actualice automáticamente

    • @DeviIlustration
      @DeviIlustration 4 ปีที่แล้ว +3

      abre tu terminal, busca con "cd" la ruta, ejemplo: cd C:/user/dot/prog/react
      despues coloca: npm run start

  • @hjlinarez1
    @hjlinarez1 4 ปีที่แล้ว

    Hola victor he estado siguiendo tus cursos de React y de repente me comenzo a salir este error:
    events.js:174
    throw er; // Unhandled 'error' event
    ^
    Error: ENOSPC: System limit for number of file watchers reached, watch '/home/hector/react/miprimerreact/public/robots.txt'
    at FSWatcher.start (internal/fs/watchers.js:165:26)
    at Object.watch (fs.js:1258:11)
    at createFsWatchInstance (/home/hector/react/miprimerreact/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:38:15)
    at setFsWatchListener (/home/hector/react/miprimerreact/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:81:15)
    at FSWatcher.NodeFsHandler._watchWithNodeFs (/home/hector/react/miprimerreact/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:233:14)
    at FSWatcher.NodeFsHandler._handleFile (/home/hector/react/miprimerreact/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:262:21)
    at FSWatcher. (/home/hector/react/miprimerreact/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:495:21)
    at FSReqWrap.oncomplete (fs.js:154:5)
    Emitted 'error' event at:
    at FSWatcher._handleError (/home/hector/react/miprimerreact/node_modules/webpack-dev-server/node_modules/chokidar/index.js:260:10)
    at createFsWatchInstance (/home/hector/react/miprimerreact/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:40:5)
    at setFsWatchListener (/home/hector/react/miprimerreact/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:81:15)
    [... lines matching original stack trace ...]
    at FSReqWrap.oncomplete (fs.js:154:5)

  • @mariamercedesdiaz7787
    @mariamercedesdiaz7787 4 ปีที่แล้ว

    oye que pasa si no acepta el codigo npm

  • @mau_webs
    @mau_webs ปีที่แล้ว

    por que en el cmd me aparece " npm ERR! " al intentar poner (npm start) ??
    necesito una solución, gracias!

  • @javiergarciafillol4454
    @javiergarciafillol4454 3 ปีที่แล้ว

    Pregunta: react soporte bien aplicaciones grandes / enormes / gigantescas? Ya que TODO el front end esta en el mismo archivo .js no hace que se vuelva muy pesado y lento? (pregunto desde la ignorancia no sé como funciona al 100% ) o tiene alguna manera de carga dinámica? Nota: como gigantescas entiendo de una web que tenga unas 300+ vistas diferentes

  • @eduu7179
    @eduu7179 4 ปีที่แล้ว +2

    Acabo de instalarlo y no me gira el icono porque es? los packages me salen en gris supongo que sera eso, pero no se como solucionarlo, alguien le ha pasado?

    • @TheJQKer
      @TheJQKer 4 ปีที่แล้ว

      No pasa nada malo con tu código es la nueva presentación de React.

  • @aleydani98
    @aleydani98 4 ปีที่แล้ว

    Buenas victor, de antemano gracias por subir esta introducción. Quería ver si podrías ayudarme ,ya que, lo e echo todo tal como tú en el video y al heredar la clase components me da error en el extends y he probado ambas maneras que has enseñado. Un saludo

    • @VictorRoblesWEB
      @VictorRoblesWEB  4 ปีที่แล้ว

      Ponme las preguntas en udemy porfa

    • @aleydani98
      @aleydani98 4 ปีที่แล้ว

      @@VictorRoblesWEB Acabo de adquirir el curso y ahora te comento por ahí la duda.