Minicurso de React.js (1) - Introducción a React y JSX

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 118

  • @EDteam
    @EDteam  5 лет назад +2

    ¿Quieres aprender más de React.js? Tenemos nuevo curso 💻 React.js Desde Cero
    👉 ed.team/cursos/react

  • @ricardorotela4480
    @ricardorotela4480 7 лет назад

    Por fin uno que explica desde lo básico, llegué a ver verios cursos ajenos, que para hacer un simple hola mundo, instalan decenas de plugins y configurando un sin fin de archivos (ojo no digo que estan mal) donde se lian mucho para lograr al tan sencillo. Exelente, sigue así...

  • @JAY0893
    @JAY0893 7 лет назад

    Bastante bien la fluidez de la explicación y entrara los detalles es lo mejor, lo de mirar la documentación de la librería y jugar con los ejemplos es un buen consejo.

  • @andrescristancho6726
    @andrescristancho6726 5 лет назад

    Excelente explicación. Sin lugar a dudas la excelente pedagogía que tiene Álvaro, hace que cualquier tema se entienda sin importar complicado que sea.

  • @gerardhunter9925
    @gerardhunter9925 5 лет назад

    Una didActica tan eficaz denota sin duda un dominino ejemplar.... me ha parecido excelente este video !!!!

  • @FernandoMXoficial
    @FernandoMXoficial 7 лет назад +35

    Excelente video, había visto videos de React pero no lograba comprenderlo, principalmente porque inician con estructuras ya creadas y no comprendía la naturaleza de React

    • @EDteam
      @EDteam  7 лет назад +4

      Nos da mucha alegría que hayas captado los conceptos explicados por el profesor, te animamos a seguir la serie y suscribirte a nuestro canal para que estés al tanto de todo de la serie :D

    • @andcaru
      @andcaru 7 лет назад

      Totalmente ed do, su explicación es muy clara, gracias.

    • @matiasherediaok
      @matiasherediaok 5 лет назад

      Me Paso exactamente igual que a vos, terrible como explica las cosas Alvaro sobre todo yo que vengo muy del Diseño

  • @ranfepv
    @ranfepv 7 лет назад

    Excelente explicación ya he hecho varios ejercicios y los entendia "por defecto" pero no habia racionalizado todo como lo explicas aqui.

  • @jefjef418
    @jefjef418 5 лет назад +1

    omg, que bueno que estamos en el futuro

  • @edwardflores7729
    @edwardflores7729 7 лет назад

    Excelente Cursoooo.!!!! soy principiante y entendi muy bien... gracias!!!

  • @pedroarnoldomachadoduran546
    @pedroarnoldomachadoduran546 7 лет назад

    Me encanta tu forma de explicar. Gracias Maestro

  • @gusl3599
    @gusl3599 7 лет назад

    Álvaro, felicitaciones por todos tus vídeos, me abrieron muchos caminos. Gracias!

  • @korttwailffmetal
    @korttwailffmetal 6 лет назад

    que bueno que hay gente que ayuda a compartir conocimiento. muchas felicidades por tener tan buen contenido en tu canal.

  • @sammyjoseph2448
    @sammyjoseph2448 6 лет назад

    ¡Así entiende cualquiera!
    Gracias profe Álvaro.

  • @israelbazan6735
    @israelbazan6735 7 лет назад +8

    Super claro, y va de lo mas simple a lo mas complejo, mostrando las ventajas de la tecnologia.
    Felicitaciones!

    • @EDteam
      @EDteam  7 лет назад +3

      ¡Muchisimas gracias! Pronto se viene el curso de React.js Desde Cero en Escuela Digital muy pronto.

  • @MigRozo
    @MigRozo 6 лет назад

    Muy buena serie, hace más fácil aprender esta tecnología. ¡Gracias!

  • @cayorivera
    @cayorivera 4 года назад

    eres un genio para explicar

  • @neoo001
    @neoo001 7 лет назад +1

    El único que sabe como enseñar React! Gracias amigo he buscado mucho tutoriales para aprender esto pero ninguno me ha servido. Gracias.

    • @EDteam
      @EDteam  7 лет назад +1

      ¡Gracias a ti! Tenemos un curso completo Desde Cero en ed.team/react

  • @gamesleague6340
    @gamesleague6340 7 лет назад

    Esta muy bueno el curso, y gracias por compartir tus conocimientos con nosotros.

  • @gabrielpindo1198
    @gabrielpindo1198 3 года назад

    Muchísimas gracias! Esto me hacia falta, otros videos avanzaban demasiado rápido y estaba interesado en saber que hace cada línea de código. Saludos desde Argentina!

  •  6 лет назад

    Excelente curso, me es de gran ayuda, felicitaciones.

  • @fernandolunadev
    @fernandolunadev 6 лет назад

    Excelente y simple explicación. Se pudo apreciar rápidamente la diferencia de tiempo para crear una interfaz totalmente en JS, sin tener que estar creando una línea de código por cada propiedad, método o función de cada objeto que necesitamos setear o leer.
    Ahora tengo una consulta respecto a React: En cuestión de distribución final de la WebApp; ¿no se hace más pesado, tanto a nivel KB o MB de cada aplicación como también a nivel de memoria, utilizar React (o Angular, o cual fuere) que utilizar Javascript puro?
    Es una duda que hasta ahora nadie supo responderme.
    Gracias nuevamente, un cordial saludo.

  • @alintongutierrez696
    @alintongutierrez696 4 года назад

    Excelente video Alvaro Felipe. un saludo desde Centroamerica

  • @sualyrubysanches
    @sualyrubysanches 7 лет назад

    valla excelente vídeo me has ayudado muchísimo sigue subiendo mas contenido ojala y asi explicaran en la universidad

  • @missaelarmenta6256
    @missaelarmenta6256 6 лет назад

    Muy bien explicado, gracias por el contenido.

  • @Gzepol90
    @Gzepol90 6 лет назад

    Excelente, me encantó. Justo lo que se necesita si ya vienes de otras tecnologías web. Ritmo perfecto 😉👌

  • @javiercruz-nq8cs
    @javiercruz-nq8cs 7 лет назад

    Excelente vídeo amigo!!, no aburre, manejas muy bien la herramienta y muy dinámico!

  • @chany0033
    @chany0033 7 лет назад

    hace mucho esperaba un curso de React, muchas gracias Alvaro espero poder ver mas capitulos

  • @davidticstorm4114
    @davidticstorm4114 7 лет назад +2

    Excelente video...!!! Que mas simple y fácil de trabajar...

  • @Yesidborrego
    @Yesidborrego 7 лет назад +4

    Es el primer video que veo de usted y me pareció excelente, muy clara su forma de explicar y realizar las comparaciones, 1.000.000 de likes.
    Saludos desde Barranquilla - Colombia

    • @EDteam
      @EDteam  7 лет назад

      ¡Muchas Gracias!

  • @JavierGopar
    @JavierGopar 7 лет назад +1

    Excelente curso Alvaro, gracias por tus aportes.

  • @memoriasIT
    @memoriasIT 6 лет назад

    Wow el mejor que he visto hasta ahora, te ganaste el sub con creces

  • @manueltuero6465
    @manueltuero6465 7 лет назад

    Excelente video !! Muy clara la explicación.

  • @agustincova447
    @agustincova447 7 лет назад

    Todo un profesional como siempre,todo sale bien explicado, GRACIAS por compartir!!
    Sigo pendiente de nuevos buenos videos, PULGAR ARRIBA!!

  • @fgfranciscog
    @fgfranciscog 7 лет назад +1

    Excelente muy bien explicado, te sigo desde Honduras, excelente minicurso.

  • @JoseManuelLopezHernandez
    @JoseManuelLopezHernandez 5 лет назад

    muy chevere, tambien tu forma de explicar

  • @poloyc
    @poloyc 5 лет назад

    Esta muy bueno el video muchas gracias. Solo un poco mas corto, en momentos me parece que hace comentarios que distraen se la idea principal

  • @MadelainVT
    @MadelainVT 5 лет назад

    Muchas gracias por este video me aclaro muchas dudas

  • @kyamilxD
    @kyamilxD 7 лет назад +1

    me gusto el vídeo, menos el ultimo ejemplo (lo noté obvio lo que hacia el setInterval y render()), pero aprendí como puede llegar a ser útil React como libreria, Like

    • @EDteam
      @EDteam  7 лет назад +4

      Kevin Dávila Ninaquispe lclaro el último ejemplo era muy obvio pero esta es la primera clase. A partir de la segunda viene lo bueno.

  • @jesusenriquerojasurbina1959
    @jesusenriquerojasurbina1959 7 лет назад +1

    Muy bueno, me encantan estos minicursos

  • @HendrixRoa
    @HendrixRoa 7 лет назад

    Excelente Introduccion, muy bueno.

  • @marcoandresito
    @marcoandresito 7 лет назад

    muy buen vídeo, voy a seguir tus videos

  • @GabrielC1325
    @GabrielC1325 7 лет назад

    Gracias, muy educativo!

  • @matiasvaldiviezo9594
    @matiasvaldiviezo9594 7 лет назад

    Muy bueno el video, que diferencia hay con vue js y angular js? cuando uso uno y el otro? muchas gracias por responder.

  • @francoperez03
    @francoperez03 7 лет назад

    Muchas gracias!, gran video

  • @yeisonfabiantapialozano171
    @yeisonfabiantapialozano171 7 лет назад

    excelente mini curso

  • @luistavarez2883
    @luistavarez2883 3 года назад +1

    Tengo mis preguntas:
    Estoy creando un sitio web en las tecnologías tradicionales (HTML, CSS y JavaScript).Todo plano. A la par uso PHP y MySQL.
    Mi pregunta es:
    ¿Puedo usar React junto a todo eso sin tener que empezar desde cero?
    Soy algo novato en JavaScript, quiero que me informen.

  • @hansfelipe8968
    @hansfelipe8968 7 лет назад +7

    Minicurso de Redux

  • @primerproyecto
    @primerproyecto 7 лет назад

    Enhorabuena amigo. Muy buen curso

  • @YerbaSoft
    @YerbaSoft 6 лет назад

    muy bueno, gracias

  • @sonusbeat
    @sonusbeat 7 лет назад

    yo recomiendo vuejs aparte de que se lleva bien con todos los framework del lado del server

    • @EDteam
      @EDteam  7 лет назад

      Sonusbeat sin importar lo que haya en el backend en el frontend siempre habrá css, html y JavaScript.

  • @karlosorozco
    @karlosorozco 7 лет назад +1

    excelente muchísimas gracias.

  • @felix9368
    @felix9368 7 лет назад

    Álvaro, muy buen día, podrías decirme como tienes configurado tu editor webstorm? gracias.

  • @fernandolopez4508
    @fernandolopez4508 5 лет назад

    Sí quieren aprender no usen ningún IDE porque les facilita mucho las cosas. La cuestión es equivocarse para de eso aprender.

  • @danielfabiannacerosorduz4029
    @danielfabiannacerosorduz4029 7 лет назад

    excelente alvaro!

  • @diegopajuelo9060
    @diegopajuelo9060 7 лет назад

    gran video! cuando haces un curso de Angular? porque AngularJs ya fue no? :(

  • @santiagoojeda5177
    @santiagoojeda5177 6 лет назад

    Muy bueno!

  • @diego.coder26
    @diego.coder26 7 лет назад

    se puede usar coffescript con jsx para compilarlo a js? saludos

  • @facundolavagnino6768
    @facundolavagnino6768 4 года назад

    Alvaro, cual es la diferencia entre usar el cdn y create-react-app

  • @jesusfco5629
    @jesusfco5629 7 лет назад +3

    Álvaro, como siempre muy bien explicado. ¿Recomiendas algún libro de react?

  • @LeanOnAndOn
    @LeanOnAndOn 7 лет назад +11

    aún no lo veo y ya le di like jajaja

  • @dawin1423
    @dawin1423 7 лет назад +1

    Muy buen curso!

    • @EDteam
      @EDteam  7 лет назад

      ¡Muchisimas gracias! Puedes ver el curso completo Desde Cero aqui: ed.team/react

  • @robertotorrico6666
    @robertotorrico6666 7 лет назад

    excelente!

  • @alexica634
    @alexica634 7 лет назад

    Una pregunta que no he podido solucionar... ¿puedo abandonar totalmente jquery y utilizar react como reemplazo?

  • @joaquinraya9
    @joaquinraya9 5 лет назад

    Buen vídeo, recomiendas ese editor más que sublime?

  • @msettecasse
    @msettecasse 6 лет назад

    pero no podes usar un react cli por medio de command line y hacer start a un server q t lo compile ? como se hace en react native? react-native start y chau ... se puede aca?

  • @alexgutierrez8301
    @alexgutierrez8301 7 лет назад

    Alvaro y porque no tomastes los link de las librerias .min.js que son comprimidas, o hay diferencias, si es así, por cual de ellas elegir, ya que hay muchas frameword y librerías que tienen una versión .min.js, y en que entornos usar? ejemplos.

    • @JuanGDuke
      @JuanGDuke 7 лет назад

      La idea es que para ambientes de desarrollo utilices la versión formateada de la librería, con la consecuente ventaja de un debugging feliz y excepciones sistemáticamente útiles.
      En producción estas cosas no tienen tanto valor, por lo cual se las sacrifica en pos de reducir el tamaño del archivo (compresión).

  • @juliocesarriossanchez1935
    @juliocesarriossanchez1935 5 лет назад

    porque dices que es la manera correcta en vez de poner innerhtml? desde el minuto 4:30 al 7:00 ??

  • @josei.lastra9689
    @josei.lastra9689 7 лет назад

    buen video

  • @sebastianaltamirano8967
    @sebastianaltamirano8967 6 лет назад

    Alguna extension para compilar en Visual Studio Code?

  • @ChristianPoggio
    @ChristianPoggio 6 лет назад

    Y cual seria la ventaja de usar React? porque hacerlo en javascript puro es lo mas normal del mundo y el mismo ejemplo llevo una linea de codigo, en comparacion con las lineas que lleva hacerlo con React y luego hacer que se complile con Prepos, y luego cambiar el directorio donde guardamos nuestro archivo.

  • @maicolguevara527
    @maicolguevara527 5 лет назад

    Un video bien explicado pero se me hizo más trabajo para crear una Vista,

  • @gladysyovanamamanicamatico2463
    @gladysyovanamamanicamatico2463 7 лет назад

    buen dia... react modelo vista controlador porfavor

  • @ElkinBernalM
    @ElkinBernalM 7 лет назад

    thanks bro!

  • @jeruki
    @jeruki 7 лет назад

    Que paso con el #4? se va a terminar?

  • @damianspizzirri8164
    @damianspizzirri8164 6 лет назад

    Hola, sabes como compilar usando nodejs?

  • @JoseAlvaradoo
    @JoseAlvaradoo 7 лет назад +3

    Para los que no usan #Prepros. Les comparto un pequeño tutorial de como configurar #gulpjs para que compile #Reactjs de una manera sencilla. Utilizando Babel. goo.gl/9Nw0xK

    • @666jey666
      @666jey666 7 лет назад

      Gracias, es justo lo que estaba apunto de buscar despues de ver el video

    • @MalenAlmendra
      @MalenAlmendra 6 лет назад

      Sos un crack! Sabelo

  • @lafemu
    @lafemu 7 лет назад

    se puede mesclar con JQ?

  • @monsegalindo4405
    @monsegalindo4405 5 лет назад

    La traducción no sería LIBRARY=BIBLIOTECA?

  • @nevan95
    @nevan95 7 лет назад

    Habra curso de React en ED más adelante??

    • @EDteam
      @EDteam  7 лет назад

      En abril de 2017 lanzamos el curso React.js Desde Cero en ED

  • @ranfepv
    @ranfepv 7 лет назад

    Puedo aplicarlo con .net y c#?

    • @lrhlpz
      @lrhlpz 7 лет назад

      Si, busca en github un proyecto llamado "dotNetify", te permite usar c# en el back y react, knockout o polymer en el frontend.

  • @CRamirezBedoya
    @CRamirezBedoya 6 лет назад

    No entiendo como hizo para lanzar el proyecto.

  • @joedossman4684
    @joedossman4684 7 лет назад

    wow :O

  • @borismiranda8924
    @borismiranda8924 6 лет назад

    prueba netbeans como editor te gustara

  • @romanstark7077
    @romanstark7077 3 года назад

    Por qué es. El ?

  • @chef5001
    @chef5001 7 лет назад

    Esto es como si se trabajara con Angular?

    • @markdrew53
      @markdrew53 7 лет назад +1

      Nop, React Js se creo unicamente con la intencion de que hagas la interfaz grafica. Angular no tiene las misma filosofia que React Js.
      Saludos :D

    • @chef5001
      @chef5001 7 лет назад

      Pues yo no he usado nunca React todo lo que hace en el video yo lo suelo hacer con JavaScript puro asi que no sabría decirte que tan bueno es React.

    • @elputito1997
      @elputito1997 7 лет назад

      angular esta mas orientado para aplicaciones restful y react no por esto no puedes comparlo aunque se podria usar en conjunto para agilizar el desarrollo

  • @parisvazquez3142
    @parisvazquez3142 7 лет назад

    ¿Porqué los precios de escuela digital están diferentes?, dependiendo la moneda, no es lo mismo soles peruanos que pesos colombianos ni dolares y todos los convertí para ver si era el mismo precio y sale mas caro si es en dolares después en pesos colombianos y por ultimo soles, osea que si soy mexicano, me toca pagar en dolares porque así lo maneja PayPal y tengo que pagar más, sinceramente pienso que es injusto además de caro, en otras paginas similares de enseñanza sobre programación son mucho mas baratas, por ejemplo Treehouse, Código Facilito, Platzi entre otros.

  • @DiegoKaiserPM
    @DiegoKaiserPM 7 лет назад

    Pregunta de gemelo malvado:
    Necesito saber mucho JavaScript para React

    • @EDteam
      @EDteam  7 лет назад

      Con tener los fundamentos sólidos con javascript, puedes ir poco a poco introduciéndote en React

  • @oli23gamer12
    @oli23gamer12 6 лет назад

    Necesito aprender Javascript o no entenderé nada de React

  • @jimmylopezramirez3984
    @jimmylopezramirez3984 7 лет назад

    :O

  • @peremos7781
    @peremos7781 6 лет назад

    ya me enrede, en este video lo hacen de una forma y en otros de otra, ya ni se cual es la correcta, en tros hacen esto, var helloworld= React.createClass({
    var h= React.
    render:function(){
    return hola mundonnnnn
    }
    });
    React.render(
    , document.getElementById('capa')
    );

    • @dariopianista
      @dariopianista 4 года назад

      El video es 2017. Totalmente desactualizado a hoy

  • @darnack315
    @darnack315 7 лет назад

    Que frameworks tan inútiles están saliendo en los últimos tiempos. Hoy en día TOODO se puede hacer con HTML5, CSS3 y JAVASCRIPT puro, muchísimo más sencillo de construir y muchísimo mas liviano de ejecutar para el navegador. No le hayo sentido apoyarse en un framework como este, solo aumenta el trabajo para el desarrollador y para el navegador que lo ejecuta.