React.js | Curso Práctico Completo Desde Cero, Para Principiantes. Parte 1, Creación de Proyecto

Поділитися
Вставка
  • Опубліковано 7 лют 2025
  • ¡Gracias a Kite por patrocinar esta sección del vídeo! Kite es un asistente de autocompletado gratuito con tecnología de IA que te ayudará a codificar de forma más rápida e inteligente:
    Haz clic aquí ➞ bit.ly/3dPzXHe ➞ para saber más.
    Aprende como crear aplicaciones web, usando React.js, la biblioteca de Javascript más popular del desarrollo web frontend, para crear interfaces de Usuario, tanto apara aplicaciones del navegador como para aplicaciones móviles. Aprenderemos la sintaxis básica, y crearemos un Aplicación de Tareas.
    💻 Código de este proyecto:
    github.com/Faz...
    🛍 Descuentos:
    NordVPN ➞ 68% de descuento en plan de 2 años ➞ Código: fazt
    Hostinger ➞ 7% de descuento en cualquier compra ➞Código: FAZT
    👨‍💻 ¿Qué servicios utilizo?
    Brave ➞ brave.com/faz053
    NordVPN ➞ bit.ly/2Te7p0J
    Hostinger ➞ www.hostg.xyz/...
    Cloudinary ➞ bit.ly/3ohNlJ7
    SiteGround ➞ bit.ly/31u9ZEk
    Namecheap ➞ bit.ly/3kne9W8
    🖥️ Cursos:
    Curso de Python Para Principiantes ➞ • Curso Python para Prin...
    Curso de Raspberry PI ➞ • Raspberry Pi, Curso pa...
    Setup Visual Studio Code ➞ • Visual Studio Code, Ed...
    🌐 Redes:
    Fazt Web ➞ www.faztweb.com/
    Facebook ➞ / fazttech
    Instagram ➞ / fazttech
    Twitter ➞ / fazttech
    Telegram ➞ t.me/fazttech
    Twitch ➞ / fazttech
    Slack ➞ bit.ly/3dPqCPT
    Discord ➞ / discord
    Blog ➞ blog.faztweb.com
    📩 Contacto:
    ➞ contact@faztweb.com
    #react #kite #javascript #curso

КОМЕНТАРІ • 234

  • @mathiashochkofler2746
    @mathiashochkofler2746 6 років тому +437

    Se debe premiar tremendo aporte a la comunidad de programación hispano hablante, eres un grande!!

    • @CarlosPascacio
      @CarlosPascacio 4 роки тому +5

      2 años después y es la mejor explicación que he visto de React

    • @abaomobile3411
      @abaomobile3411 3 роки тому

      Hi

    • @abaomobile3411
      @abaomobile3411 3 роки тому

      @@CarlosPascacio aw

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

      Hi teacher tengo una duda cuál es la diferencia entre
      JV
      Y
      JS ?
      Para ser un programador debo aprenderme los 3 lenguajes
      JV, HTML y CSS ?
      O puedo conseguir un empleo si no mas sé manejar uno de los tres
      por ejemplo CSS
      Ésa es mi duda
      Gracias 👍

  • @revoldfmb
    @revoldfmb 6 років тому +28

    Si hubiese el PREMIO NOBEL de development-software... el nominado debería ser FAZT.
    Sus cursos son la ayuda perfecta para todo desarrollador.
    Nunca cambies

  • @DarioEchazu1
    @DarioEchazu1 2 роки тому +3

    Abril 2022, desde Argentina, estoy actualizándome, con éste aporte de altísima calidad. Muchísimas Gracias y ojalá te pudiera conocer algun día personalmente para agradecerte de tus conocimientos compartidos.
    Abrazos y mil gracias.

  • @josueRivas117
    @josueRivas117 6 років тому +87

    Eres increible, es muy dificil entoncontrar tan buen material y en español.

  • @paixgogo9737
    @paixgogo9737 4 роки тому

    Estuve buscando por toda la internet acerca de hacer esto mismo, la información es confusa, o incompleta, o tiene ciertos tecnicismos dificiles de entender para un novato. Es digno de admiración lo que hacés! Gracias por tener ese don de enseñar, y esas ganas de hacerlo. larga vida Fazt!!!!

  • @HajimeNoIppo7891
    @HajimeNoIppo7891 4 роки тому +1

    Gracias infinitas! No hay palabras en serio, estoy a punto de iniciar un proyecto en mi trabajo basado en React y que sea responsivo y con tanto buen comentario empezaré con el tuyo 🤩🤩

  • @hagamosprogramasjuntos8510
    @hagamosprogramasjuntos8510 5 років тому +5

    He estado en cursos de paga y esto está muy completo!!

  • @m3t4z0d
    @m3t4z0d 5 років тому +1

    Muy feliz de haber encontrado un tutorial tan bueno. Aquí en Brasil no hay un con esta cualidad sobre ReactJS. Gracias por tu dedicación.

  • @angelpico3236
    @angelpico3236 4 роки тому +1

    Hasta ahora encuentro tu canal, generalmente si quería saber algo de programación de lo que fuera lo buscaba en ingles pero estoy viendo que tienes buen contenido, gran labor amigo, Saludos desde Colombia!

  • @fm0x1
    @fm0x1 2 роки тому +1

    Muchísimas Gracias por enseñarme Fazt. Eres el mejor UA-camr que enseña programación.

  • @juliollina
    @juliollina 2 роки тому

    Eres un héroe sin capa brutal de repente no lo sabes pero ayudas a muchas personas ....👊de mi parte infinitas gracias

  • @Ricardo-3
    @Ricardo-3 4 роки тому +4

    05-10-2020 empezando a programar con react, muchas gracias FAZT

  • @AquellosLugares
    @AquellosLugares 6 років тому +13

    Gracias, muchos lo esperábamos. !Nos has salvado y estamos agradecidos¡. Jejeje

  •  6 років тому +4

    Excelente Fazt, no había entendido bien el concepto de componentes hasta poder prestarle bien la atencion a este video, justo estoy investigando unos temas con relación al diseño basado en componentes, Interfaz de Usuario y Patrones, me gusto mucho el video, ayudo bastante.

  • @lewinviola1393
    @lewinviola1393 6 років тому +6

    Gracias Fazt. En primer lugar felicitarte por tu gran trabajo y contenido que estas generando. A veces en la red, se hace algo complicado encontrar contenido actualizado, pero este canal es algo que lo contrarresta. Tu canal es uno de esos pocos, en los que veo el vídeo sí o si y dejo el like. Me gustaría que hagas un vídeo explicando que tecnologías dominas, porque ya me estás dando miedo. jajajaj

    • @FaztTech
      @FaztTech  6 років тому +4

      Lewin Viola Hola Lewin. Gracias, trataré de elaborar algo para subirlo pronto 😀

  • @luisernestopaezortiz4879
    @luisernestopaezortiz4879 6 років тому

    Amigo, cuanta teoría resumida en un solo video. ¡GRANDE! Muchas gracias

  • @andrair88
    @andrair88 5 років тому

    Acabo de conseguir un trabajo y usan esto full, espero que el mejor profesor me ayude, su video

  • @legendfray
    @legendfray 5 років тому

    Te merece un millon por aporta la informacion en verdad!! Muchas gracias

  • @TestTest-hg8mt
    @TestTest-hg8mt 5 років тому

    Me gusta que explicas para que es cada cosa, como las carpetas y archivos generados, muchas veces uno como novato se pierde cuando en los tutoriales que se van directo al codigo.

  • @oscarvinueza762
    @oscarvinueza762 6 років тому +1

    Gracias por tus videos, ayudas a actualizar conocimientos de estas nuevas tecnologías y de una manera rápida y concisa, odio el tipo de cursos que para enseñar lo que tu enseñas en 40 minutos, hacen 20 o 30 videos de 15 o 20min cada uno es muy tedioso, sigue asi !!!

  • @rafaeluceta8556
    @rafaeluceta8556 6 років тому +2

    He visto mas de 10 videos para introducirme en la utilizacion de esta libreria y todos ellos me frustraban por lo engorroso que hacian ver los primeros pasos. Usted lo hizo ver mucho mas sencillo. Muchisimas Gracias. IEM. Rafael Uceta.

  • @daniloespinozapino4865
    @daniloespinozapino4865 3 роки тому

    Que emoción! de a poco a mi meta React Native

  • @rafaelurbina4496
    @rafaelurbina4496 6 років тому

    Excelente tutorial, mucho mejor que cursos online bastante caros, te felicito amigo, grandiosa explicación, el contenido muy bien organizado!!!

  • @josebergues
    @josebergues 6 років тому +1

    Una explicación BESTIÁL!! DEMASIADO BUENO, FELICITACIONES AL PROFESOR... Y gracias!

  •  6 років тому

    Impresionante amigo como explicas, sobre un ejercicio relativamente completo y útil, bastante fácil hiciste la inmersión para mi a React JS, ya había incursionado con VueJS pero quería React ya que también estaba programando en app móvil con Cordova y JQUERY MOBILE pero ya es hora de ReactJS y React Native definitivamente después de mirar, leer, ver vídeo de cual librería o framework usar para los 2 campos aplicaciones web y App Móviles y React va muy bien en los 2 ámbitos muchas gracias. Saludos ....

  • @JhovanyMoralesBruno
    @JhovanyMoralesBruno 6 років тому +9

    Mil gracias men, muchas felicidades por tu trabajo y esfuerzo que estás dedicando a tu canal.

  • @johnc.pertuzpertuz6566
    @johnc.pertuzpertuz6566 5 років тому

    No sé Bro pero me suscribo a tu canal de una, apenas vi el primer video vi que podías ayudarme mucho y podría sacarle buen provecho, gracias por tu aporte men la programación debe ser gratis si es lo que más necesitamos ahora y para el futuro, no podemos ponerle tanto límite a la educación eres el mejor canal hasta ahora

  • @MgcVideos2025
    @MgcVideos2025 3 роки тому

    excelente!!!! pronto comprare tu curso, muy buena calidad en tu explicacion.

  • @TomykIHC
    @TomykIHC 6 років тому +5

    Es un gran aporte, solo voy a discrepar contigo en lo que dices de que si te dedicas al font no vas ausar node. Realmente a día de hoy en el front usas mucho node, por gestores de paquetes como npm o bower y también por automatizadores de tareas como Gulp o grunt. Al final todo esto corre sobre node. Jeje Un saludo!

  • @davidlinares9972
    @davidlinares9972 6 років тому +2

    Apenas estoy viendo tu canal y quiero felicitarte, sigue asi. te ganaste un suscriptor

    • @davidlinares9972
      @davidlinares9972 6 років тому

      Voy a seguir tus cursos de Reactjs angularjs y vuejs Y eligiré el que más me gusta para complementarlo con mi backend Asp.net core que es el que más me gusta!!

  • @jairoandresvizuetepedraza5492
    @jairoandresvizuetepedraza5492 2 роки тому

    como quisiera suscribirme millones de veces y darle like a morir a este capo, gracias Fazt indirectamente me diste haciendo la Tesis jaja

  • @Eleazar8Dany
    @Eleazar8Dany 6 років тому +92

    Un vídeo de React Native porfaaaaa! :D

  • @josemontero9782
    @josemontero9782 6 років тому +2

    excelente aporte amigo, desde ya un gran fan de tus videos y tu canal, sigue con tu buena labor

  • @PabloPerdomoFing
    @PabloPerdomoFing 6 років тому +4

    Desde que te empece a ver me motive a darle duro al aprendizaje en todas estas tecnologias.
    Ademas empece a desarrollar de a poco en base a tus ejemplos.
    Me rei un rato cuando en este video tenias tantos Index que metiste un Index.java y medio como que te frustraste.
    Me diverti con las fe de errata, sos un capo enseñando.
    Saludos, desde Uruguay.

    • @FaztTech
      @FaztTech  6 років тому

      Saludos Pablo, un gusto que te sirva el contenido :)

  • @emilianocristian6949
    @emilianocristian6949 4 роки тому

    Un grande Fazt..gracias por compartir todos estos conocimientos! Hey Coderss!!

  • @sergioarieljuarez90
    @sergioarieljuarez90 5 років тому

    eres un genio total muchas gracias por tu increíble aporte explicas a la perfección me sirve muchisimo! saludos desde Argentina!

  • @YM50-z2x
    @YM50-z2x 4 роки тому

    2020 amigo gracias espero aprender algo con todo tu contenido super pro

  • @albertoillanesgarcia139
    @albertoillanesgarcia139 6 років тому +5

    Excelente trabajo. Gracias por compartir tus conocimientos.

  • @d-landjs
    @d-landjs 3 роки тому

    Excelente curso amigo!!! Facil de comprender y seguir los pasos!

  • @juansebastianossadominguez1580
    @juansebastianossadominguez1580 5 років тому

    Gracias a ti por fin entendi este cuento, explicas muy bien, te felicito.

  • @codigosdelfuturo
    @codigosdelfuturo 5 років тому

    Muy buen aporte este vídeo. Fundamental para reforzar conocimientos.

  • @Fendercatmx
    @Fendercatmx 6 років тому +3

    Excelente explicación introductoria a ReactJs, ya ha llamado mi atención

  • @pokortec9773
    @pokortec9773 3 роки тому

    Fazt siempre aportando contenido de calidad. Gracias!

  • @locosocio
    @locosocio 4 роки тому

    Excelente aporte mi hermano

  • @Andre.artte.11235
    @Andre.artte.11235 5 років тому +2

    Excelente ! Muchas Gracias

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

    excelente contenido. Seria interesante una actualización de algunos cursos. Por ejemplo react . Gracias

  • @jhondavidchontaespinoza6990
    @jhondavidchontaespinoza6990 6 років тому +3

    Ya era hora caramba xD
    PD: Gracias por el curso :)

  • @ManuelALazo-in4pw
    @ManuelALazo-in4pw 5 років тому +1

    Excelente video mi querido amigo.

  • @thearturo1909
    @thearturo1909 5 років тому

    No me gusta comparar pero este canal y RJ Code Advance son hasta ahora son los mejores en explicación de desarrollo :)

  • @PabloPellegrini
    @PabloPellegrini 5 років тому

    Excelente arranque del curso! a seguir con los demas!!! ♥

  • @mauricioantoniosouza7981
    @mauricioantoniosouza7981 5 років тому

    Espectacular, muchas felicitaciones por el curso, aprendi rapidisimo.-

  • @osmeig6025
    @osmeig6025 6 років тому

    Te he comentado malamente a veces. Pero éste video estuvo bien . Se entendió.

  • @Krizopp
    @Krizopp 6 років тому

    Muy buen aporte a la comunidad !

  • @Rome-vu7qe
    @Rome-vu7qe 6 років тому +1

    brother. Usted es el MEJOR.

  • @vanevillalpando7038
    @vanevillalpando7038 4 роки тому

    Ya lo termine y me encanto muchas gracias por tu contenido y explicación(buenisima maestro...)! Espero que subas uno de nivel avanzado :3

    • @danielafabela5270
      @danielafabela5270 2 роки тому

      Hola vane disculpa tu sabes manejar a la perfeccion react?

  • @germanslobo
    @germanslobo 5 років тому

    Excelente video. Un gran resumen. Gracias por tu contribución.

  • @EsRicardo
    @EsRicardo 5 років тому

    He visto todas las publicidades, lo prometo! Si pudiera te pagara :)

  • @cromlechs
    @cromlechs 5 років тому +1

    Gracias por compartir tus conocimientos...... estos videos valen "oro" .... graciasss

  • @albertotorre5477
    @albertotorre5477 6 років тому

    por si a alguien le interesa, gitignore es un archivo de git donde se define qué tipos archivos se deben ignorar cuando se haga un commit, es decir, que archivos no se subirán al repositorio. Y readme.md también es un archivo de git para documentar o describir el repositorio, en github por ejemplo se usa para construir la página de inicio

  • @william64201
    @william64201 4 роки тому

    Lo mejor muy facil de entender

  • @himawarigirl1
    @himawarigirl1 4 роки тому

    que buen tutorial! gracias

  • @PterPmntaM
    @PterPmntaM 6 років тому +1

    Apenas lo veré, se que estará bueno, por mi lado me siento atrancado con muchas cosas de React, espero qui pueda solucionar dicha dudas y problemas que tengo, gracias, si no encuentro como solucionar podría hacer una lista y dejártela, a ver si puedes aclarar dichas dudas y problemas.

  • @San14-code
    @San14-code 2 роки тому

    Muchas gracias brorh👏👏👏👏👏👏❣❣

  • @jassonbolanos8677
    @jassonbolanos8677 6 років тому

    Gracias, de verdad me has ayudado demasiado

  • @seee2013
    @seee2013 6 років тому +3

    React crea interfaces, React Native convierte estes en apps nativas.
    Inicio_practica: 19:29

  • @israel31294
    @israel31294 5 років тому

    Excelente, gracias por la explicación!! Saludos desde México

  • @ismaelsanchez3743
    @ismaelsanchez3743 5 років тому

    Excelente video, se agradece contenido de calidad.

  • @CagonDeuuu
    @CagonDeuuu 5 років тому

    Gracias por el esfuerzo! Saludos desde España!

  • @cuberos7430
    @cuberos7430 6 років тому +3

    Bro lo maximo ...Saludos de Peru :)
    like & suscribo

  • @carpophorus8023
    @carpophorus8023 4 роки тому

    nuevo suscriptor Gracias!!

  • @darkknight64able
    @darkknight64able 6 років тому +2

    Excelente introducción, que gran trabajo

  • @ZoeHillGale
    @ZoeHillGale 5 років тому

    qué buen aporte! Muchas gracias!!!

  • @JosueAshton
    @JosueAshton 5 років тому

    @Fazt eres el mejor hermano, saludos desde Ecuador

  • @nicolassotelo5120
    @nicolassotelo5120 5 років тому

    muchas gracias se aprecia el esfuerzo !!!

  • @MrBetto1
    @MrBetto1 6 років тому +2

    Muchas gracias por compartir Fazt

  • @Youngermaster
    @Youngermaster 5 років тому +1

    Excelente video

  • @miguelcampos867
    @miguelcampos867 6 років тому +7

    increible explicacion

  • @williamm5947
    @williamm5947 5 років тому

    Muchas gracias por compartir tus conocimientos

  • @cristhiancuevas4422
    @cristhiancuevas4422 6 років тому +1

    Mejor explicado no puede estar.

  • @juliangarcia8051
    @juliangarcia8051 5 років тому

    Excelente explicación, muchas gracias.

  • @lchc24
    @lchc24 5 років тому

    Realmente valoro tu esfuerzo y dedicación al hacer toda esta enorme colección de videos de calidad! Deseo saber cuál es la forma de generar un buiild (producción) para que esta aplicación pueda correr en servidor Apache. Gracias de nuevo por compartir tu conocimiento!

  • @Charofter
    @Charofter 5 років тому

    gracias,no sabia como demonios descargarlo,pase una hora buscando la forma,gracias 😊😊😊😊

  • @MrDiagonalDiagonal
    @MrDiagonalDiagonal 5 років тому +4

    Uno de Gatsby js porfa :'v Eres un capo!!! Gracias por los aportes

  • @santiagoguerra8826
    @santiagoguerra8826 6 років тому +2

    Gracias!!! Es muy útil :)

  • @christianmiguez1379
    @christianmiguez1379 6 років тому +8

    Muchas gracias por estos magnificos tutoriales, me he hecho Fan de su canal. Una pregunta, como adquieres estos conocimientos? ves cursos en ingles? o de que forma aprendes? Saludos y muy felíz año

  • @TheMariazapata
    @TheMariazapata 5 років тому

    Gracias, bro.

  • @pavelmansilla1124
    @pavelmansilla1124 6 років тому +3

    genial explicacion saludos

  • @NeoTRAN001
    @NeoTRAN001 6 років тому +2

    Wow ya estoy emocionado XD

  • @aldojordanchoque7512
    @aldojordanchoque7512 6 років тому +1

    Gracias por el curso :)

  • @juanmanuelvillegasmeza1258
    @juanmanuelvillegasmeza1258 6 років тому +7

    A los usuarios de Mac: cuando sale algo error de permisos, solo escriban Sudo al inicio del comando que vallan a escribir y les pedirá la contraseña de su inicio de sesión.

    • @andreeamaro1133
      @andreeamaro1133 6 років тому

      Deberían pingear esto hasta arriba, conozco gente en la facultado que no sabían esto

  • @fernandomasino8331
    @fernandomasino8331 4 роки тому

    Buenas fazt! Vengo viendo tus cursos y voy programando y probando, quiero salir del mundo php y js, en el cual tengo avanzado un proyecto que vengo realizando hace tiempo, como hobbie, sera un juego simple...pero leyendo y viendo tus videos ufff, que lejos estoy de una app moderna....Muchos conceptos nuevos y trato de asimilar todo. Vamos al grano en lo referente a este curso, que ya tiene unos años, pero debo consultar, me funciono joya todo terminando el 3er video, probado en el localhost:3001/
    Ahora cuando trato de probarlo en mi xampp no funciona, que lo que quiero es probarlo en produccion como sui lo subiera a un servicio de host como 000web o hostinger. Que es lo que hice:
    npm run build
    Genera la carpeta build
    Copio todo el contenido y lo pego en> C:>xampp/htdocs/tar
    y no funciona no se que me falta.
    Ya una vez logre esto quiero seguir avanzando con el tema de un login completo con mysql xD

  • @don_codigo
    @don_codigo 5 років тому

    Fazt te confienzo que tu eres quien me hizo ingeniero de sistemas.

  • @angelvanitas8638
    @angelvanitas8638 5 років тому

    Buen video de introduccion

  • @mauricioa.b.2897
    @mauricioa.b.2897 5 років тому

    Buenísimo...

  • @Luis_hvd
    @Luis_hvd 5 років тому +1

    32:54 Es "enhorabuena" pero te la pasamos por que eres una pistola explicando/enseñando jajaaj

  • @cristalzozayas5596
    @cristalzozayas5596 5 років тому

    estan buenos los concectos

  • @aarondv
    @aarondv 6 років тому

    Muy buen tutorial.

  • @christianfernandez7385
    @christianfernandez7385 6 років тому

    Que buen video me sirvió bastante , muy bien explicado, Solo una cosa.
    Traducir como "lógica de negocios" es confuso , si dice, pero la interpretación es diferente.

  • @santivespa
    @santivespa 4 роки тому

    amigo sos buenardo

  • @samirmuhana
    @samirmuhana 6 років тому

    Ídolo gracias