Reactjs, Curso Práctico para Principiantes (React 16)

Поделиться
HTML-код
  • Опубликовано: 13 сен 2024
  • Curso Actualizado de React ➞ • Curso de Reactjs desde...
    EXPO, SDK De React para desarrollo de Apps
    Link ➞ bit.ly/3jdjnST
    Aprende a crear aplicaciones web Frontend usando una de las bibliotecas de Javascript más populares para la creación de Interfaces: Reactjs. En este curso de React 16, estaremos aprendiendo lo siguiente:
    🛍 Descuentos:
    Digital Ocean ➞ Obtén 100$ gratis ➞ m.do.co/c/8ef2...
    👨‍💻 ¿Qué servicios utilizo?
    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...
    Curso del Stack MERN ➞ • MERN STACK & Typescrip...
    Curso de Typescript ➞ • Typescript | Curso Prá...
    🌐 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:
    ➞ fazt@faztweb.com
    #react #reactjs #javascript

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

  • @luismunoz9135
    @luismunoz9135 5 лет назад +1242

    4:04 - Qué es React (ecosistema)
    12:14 - Instalación de React
    23:25 - Estructura de un proyecto
    45:17 - Components
    57:17 - Props
    1:04:24 - State
    1:16:17 - Task App
    1:43:23 - Styles
    2:00:17 - PropTypes
    2:06:57 - Forms
    2:31:07 - Passing Functions
    2:41:46 - Delete and Update
    2:53:42 - Fetching Data
    3:07:26 - React Router
    Gracias por el tutorial es muy útil y actualizado. Me suscribo :)

  • @romarioyabar4430
    @romarioyabar4430 5 лет назад +1249

    Conseguí trabajo como Frontend en Reactjs. Sólo con tus videos. Gracias Crack! Éxitos.

    • @yolandajoseribasbastidas8460
      @yolandajoseribasbastidas8460 5 лет назад +66

      omg! eso si es un cumplido wow! felicidades por ese gran logro.

    • @brandsupport6434
      @brandsupport6434 5 лет назад +9

      Romario Yabar Cheers

    • @gbarajas2971
      @gbarajas2971 5 лет назад +20

      Romario Yabar cuales viste bro para motivar a los nuevos suscriptores

    • @ajichyrus
      @ajichyrus 5 лет назад +10

      wow cuentanos mas de tu experiencia ..

    • @romarioyabar4430
      @romarioyabar4430 5 лет назад +19

      Unanse a la comunidad de Discord, ahi algunas veces les tiro la ayuda. Suerte!

  • @FaztTech
    @FaztTech  5 лет назад +341

    Hey Coders! si han llegado temprano al video es bastante probable que este en baja calidad. La razón es que youtube se demora un poco en mostrar los videos largos en su calidad original que en este caso es 1080p. Así que tan solo es esperar unos minutos y luego podran verlo en alta calidad. Un Saludo y Mucha suerte aprendiendo React :)

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

      @Ing. Alejandro Villanueva , puedes buscar en vido de Fazt MERN el 2 , saludos desde Bogota.

    • @Deckard22
      @Deckard22 3 года назад +3

      Ya a esta altura lo debo estar viendo en 4K! :D

  • @patricionicolasgimenez6488
    @patricionicolasgimenez6488 5 лет назад +214

    Soy otro caso, conseguí trabajo como Full Stack con tus videos, este en particular me sirvió MUCHISIMO. Son unos genios.

    • @NonsenseIsOver
      @NonsenseIsOver 4 года назад +6

      ¡Genio!.. ¿Te alcanzaron los conocimientos para abarcar lo mínimo que se pide como fullstack?

    • @joexa7879
      @joexa7879 4 года назад +18

      no lo se rick

    • @thg7267
      @thg7267 4 года назад +1

      sarcasmo?

    • @interrogante1029
      @interrogante1029 4 года назад +9

      @rafaelezco jejej la gente si sufre de envidia.

    • @futuristictechnology4630
      @futuristictechnology4630 4 года назад +4

      Puede ser, aunque para nosotros los mortales estos conosimientos que aporta fazt solo nos sirve de punto de partida, pero nose sin con estos ejersicios te ha dado el conosimiento nesesario como para hacer un fullStack (aunque ami me ha tomamado casi un año y medio para entender que coj****s son las bases de datos y sus tipos), !!Aunque nose si sea cierto, felicidades¡¡.

  • @ace_3315
    @ace_3315 5 лет назад +38

    Muchas gracias Fazt por compartir tus conocimientos. Haces una gran labor, que realmente no se puede dimensionar en su real magnitud. Somos muchos los que no podemos pagar por un curso, debido a su alto costo, por lo menos acá en mi país. Y tu, entregas este conocimiento de forma gratuita, que nos permite comenzar en estos lenguajes actuales de programación. Y así estar mejor preparados en esta profesión.
    Nuevamente muchas gracias Fazt.

  • @cefuve
    @cefuve 3 года назад +6

    Gracias por la introducción a Reactjs, me tardé unos 4 días en completarlo, distribuyendo las secciones y con calma. Te iba siguiendo el ritmo a medida que ibas programando, pero a ratos debía pausar el video. Finalmente, me quedo con una buena sensación de haber aprendido lo principal de Reactjs. De verdad gracias!

  • @diegoc8640
    @diegoc8640 2 года назад +4

    Hola Fatz!! hay un problema con la versión actual (v6) de react-router-dom que que pide el objeto como parte de las etiquetas para enrutado de direcciones. Actualmente la cosa queda masomenos así:
    (ESTE ES EL NUEVO ELEMENTO)
    { /* { return */ }
    Al hacerlo dispara el siguiente error: " WARNING in src\App.js
    Line 54:17: No duplicate props allowed react/jsx-no-duplicate-props "
    No se admiten componentes con mas de una propiedad para el enrutado.
    Podrías explicarme como solucionar este problema?

    • @Crimac112
      @Crimac112 2 года назад

      Tengo el mismo problema, pudiste solucionarlo?

    • @diegoc8640
      @diegoc8640 2 года назад

      @@Crimac112 amigo creo que en su momento pude llegar a resolverlo, no sé si por stackoverflow o dnd. Justo estoy en la compu, déjame que revise el archivo y vea en qué quedó este proyecto. Ya es viejo y ni me acuerdo de que trataba este video jaja. Pero dame un segundo

    • @Crimac112
      @Crimac112 2 года назад

      @@diegoc8640 ok, muchas gracias por responder

    • @diegoc8640
      @diegoc8640 2 года назад

      No amigo. Abandoné este video luego de no poder resolver el error. Recién vengo de leer la documentación oficial de React y veo que ellos plantean lo siguiente para el caso de los elementos dentro de una ruta. Dan este ejemplo:












      ¿que veo de diferente con el codigo escrito por nosotros?

      --> element={}
      />


      Veo que solo se marcan dos etiquetas y la primera va asignada a dos elementos y mientras que la segunda solo contiene el elemento .
      De acuerdo a la documentación ofical que estoy leyendo cada elemento tiene su propio y no hay tal cosa como un con dos "element" en la ultima ultima versión de React.
      ¿porque no chequeas si es por ese lado y luego me contas?? a lo mejor retomo el proyecto si le encontramos solución!

    • @Crimac112
      @Crimac112 2 года назад +1

      @@diegoc8640 ya lo resolvi, no se si es la mejor manera pero es lo unico que se me ocurrio, cree una funcion aparte con las propiedades del elemnto a enrutar y luego la llame en el enrutado, quedo asi;
      La funcion:
      FirstElement = ()=>{
      return (




      )
      }
      Enrutado;
      Te agradezco el haber respondido, en base a tu pregunta pude encontrar la solucion, un abrazo 👍

  • @carlodanielpimenttel2233
    @carlodanielpimenttel2233 5 лет назад +44

    Fazt te sigo desde los 20k , que alegria me da verte como creces. Saludos crack

  • @erickhilario6217
    @erickhilario6217 5 лет назад +12

    ATENCIÓN!
    Para los que no entendieron la lógica del delete (específicamente en el minuto 2:41:47 ) en adelante, la explicación a continuación:
    Realmente una vez encuentras la solución es muy fácil explicarlo.
    Comúnmente para personas desarrolladores acostumbrados a usar sql la forma en que elaboró el problema parece un poco distinto, tanto que no llegamos a comprenderlo en primer momento, pero es sencillo. En vez de usar filter para buscar el dato y eliminarlo, lo que hace es buscar los datos que no sean el seleccionado y mostrarlos, es decir, MUESTRA TODOS MENOS EL SELECCIONADO, POR ESO DA LA ILUSIÓN DE ELIMINARSE.

  • @jonathanrodriguezmendoza5588
    @jonathanrodriguezmendoza5588 4 года назад +5

    De los mejores (si no el mejor) profesor de programación. Gracias a este vídeo he comprendido React desde 0, con una explicación envidiable y un nivel de empatía sin par. Enhorabuena por tu buen trabajo.

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

    Fazt , es increíble lo bien que explicás, la facilidad para hacerte entender. De verdad, sos el mejor creador de contenido en español. Gracias totales!

  • @PibeTonter
    @PibeTonter 5 лет назад +4

    Tus vídeos siempre me dan exactamente lo que busco: buena explicación y directo al punto. Muchas gracias por aportarnos estos vídeos, tu canal vale oro!

  • @Abik11
    @Abik11 5 лет назад +5

    Wow, es un curso muy grande y completo! Día a día trabajo mucho con Vue.js, pero no sé por que React.js es poco intuitivo para mi. Creo que con ese curso se va a cambiar! Muchisimas gracias!!!

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

    Me gusta mucho la manera en la que explicas, eres muy conciso y práctico al enseñar. Es excelente para quien quiere aprender rápido.
    Yo aprendí NodeJS viendo tu video de NodeJS Básico, Express de NodeJS, REST API con NodeJS y CRUD con NodeJS - MongoDB.

  • @yeisongameplays
    @yeisongameplays 3 года назад +3

    Es increíble lo bien que enseñas, espero estés consciente de toda la ayuda que regalas a la gente. Muchas Gracias

  • @Kristemy_
    @Kristemy_ 2 года назад

    Fazt, deje mi cell prendido, me acabo de levantar y llegue a tus videos, waooo explicas muy biennn!! Lo escuche desde mis sueños, Graciass!!! Nueva sub😊

  • @davidblancos6768
    @davidblancos6768 5 лет назад +10

    Ya lo termine de ver! Te quedó genial Fazt! Me has enseñado mucho, esperamos con ansias el de react native! Grácias

  • @ingendeiver1887
    @ingendeiver1887 5 лет назад +164

    Porfa fazt cuando puedas sube el curso de react native, no hay muchos en youtube, sobre todo de calidad

  • @tensoescalar1
    @tensoescalar1 5 лет назад +15

    me parece una aportación sencillamente increíble muchísimas gracias por este trabajo que estás haciendo y por este curso que nos estás ofreciendo Muchas gracias y saludos.
    P.D.
    LO VOY A COMPARTIR EN MIS REDES SOCIALES

  • @franciscomaurici7456
    @franciscomaurici7456 4 года назад +2

    Sencillamente espectacular!, tan claro, rapido y sencillo el tutorial. Solo me queda decir GRACIAS!! Espectacular!

  • @AlbertoGarcia-by5tk
    @AlbertoGarcia-by5tk 3 года назад +1

    Mi primera incursión con React. Excelente !! "Learn by doing" definitivamente.

  • @42millones
    @42millones 4 года назад

    Un trabajo impresionante. Hay cursos pagos de decenas de horas que no son tan claros como este tutorial. Están explicados todos los conceptos, bien estructurados, tocando todos los temas sin irte por las ramas y a un ritmo ideal para los que ya tenemos una idea de programación y queremos agregar herramientas nuevas a nuestro trabajo. Recomendadisimo tu canal. Gracias por acercar el conocimiento a toda la gente.

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

    Muchísimas Gracias pro, no sabes lo esencial que me resultará esto, acabo de iniciar en un trabajo donde tengo que dominar esto cuanto antes, me ha costado aprender por mi lado ya que la sintaxis es diferente, la documentación de la web es confusa y los tutos gratis de internet escasean, solo el que ya hiciste pero está desactualizado a la versión actual y han cambiado mucha cosa, es tan Javascript que me ha tocado repasar todo el lenguaje, muchas gracias

  • @euforia_
    @euforia_ 3 года назад +10

    Un video de Fazt de mas de 3 horas es un curso completo de 15 hs ajajajajjaja, grande Fazt !!!

  • @radhamesleonardo4946
    @radhamesleonardo4946 2 года назад +1

    Fazt, eres el maldito final en React!!! hace dos semanas me pase tres días tratando de descifrar algo que no entendía después de haber visto varios videos y tu me lo explicaste en segundos y entendí en seguida!...Eres el mejor!!

    • @cuenta-qu3uu
      @cuenta-qu3uu 2 года назад

      Si veo este curso en esta fecha aun me sirve crack?

    • @Crimac112
      @Crimac112 2 года назад

      @@cuenta-qu3uu si te sirve, pero en el ultimo tramo de video ya hy algunos cambios en router y la app no anda, almenos una parte del codigo no se refleja en el navegador.

  • @Crimson720Gaming
    @Crimson720Gaming 4 года назад +2

    Me dieron trabajo, tenia los conocimientos lo HTML, CSS Y Javascript pero no mucho de React y este vídeo me ayudo totalmente.
    Un saludo

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

    Sos un genio, empecé hace un par de días a ver éste video y hoy lo terminé, aclaro que no sabía nada de React, y terminé eligiendo este video para empezar, la verdad que me sirvió muchisimo para dar un vistazo rápido y no tan rápido a todos los conceptos y la sitaxis de React, hasta el como funciona y como implementarlo, ahora a profundizar y a aprender más.

  • @javierdiaz3089
    @javierdiaz3089 5 лет назад +14

    Amigos si su pc tiene un espacio en el nombre como por ejemplo la mia que tiene mi nombre y apellido les lanzara este error: npm ERR! code ENOLOCAL
    para solucionarlo usar este codigo para crear las apps de react npm install -g create-react-app y posteriormente usar npx create-react-app my-app

  • @code_castle
    @code_castle 5 лет назад +3

    Gracias mi pana Fazt
    , este vídeo te aseguro que era uno de los más esperados !!
    Lo que no entiendo es esta gente...
    4.851 visualizaciones
    y a la fecha solo 503 Like !! Que le pasa a la gente!!! Nada cuesta darle un Like a este buen hombre !

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

    Soy programador hace 5 años y he querido evolucionar para ser front end en react, gracias a todos tus tips y videos, me han dado una idea clara sobre que es todo este mundo. Saludos desde colombia

  • @joakingart8741
    @joakingart8741 2 года назад +1

    Excelente tutorial. Lo he visto completo.
    Explicaste todo lo que necesitaba saber. Quiero desarrollar un app en Shopify y estoy aprendiendo sobre todo lo que necesito saber para desarrollarlo, uno de los requisitos es saber React.js. Ya conozco Javascript pero esto me parece muy innovador y un poco confuso por la sintaxis, me imagino que es normal mientras uno va aprendiendo más del lenguaje.
    Estaré revisando nuevamente el video para comprender mejor los conceptos explicados, lo vi completo primero para asimilar el contenido completo.

  • @AlejandroVivas
    @AlejandroVivas 5 лет назад +84

    Fazt, cómo podemos hacer un donativo?

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

    Eres un ángel, he buscado mucho en internet, y de todos, eres el que mejor explica, neta mis respetos y te deseo mucho éxito !!

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

    Tenia muchisimo tiempo sin ver un manejo tan genial del encapsulamiento con el state task y el json tasks, increible, me hiciste repasar eso, agradecido.

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

    No soy de comentar videos, pero después de buscar cursos, guías, etc... sobre react y ver este curso... en serio, de lo mejor que he visto. Super bien explicado, no dejas nada por sobreentendido (me encantó que te parases a explicar la función MAP). Son detalles, pero alguien que no tiene una buena base de javascript y se mete a react lo pasa mal, sobre todo por este tipo de detalles que se dan por sabidos. Recomendadísimo este curso, me he suscrito y seguiré viendo más videos tuyos porque solo por la manera de explicarlo ya merece la pena.
    Saludos desde España.

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

      Por cierto, soy el suscriptor 190.000 :) felicidades!

  • @lindagn9644
    @lindagn9644 4 года назад +1

    Lo amé aprendí en 3 horas lo que no aprendí en una semana en mi trabajo

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

    No tenia el gusto de conocer tus tutoriales hasta hoy, buscaba uno bueno de React y el tuyo es muy completo. Gracias

  • @jacker21g
    @jacker21g 2 года назад +1

    *SOLO PARA MI USO*
    1:17:43
    - La importación del archivo tasks.json solo debería estar en el componente task.js, no hace falta que este en App.js
    - state debería estar en un constructor e inicializarlo con el archivo json importado en Tasks (import Tasks from...)

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

    Hyper ultra super mega recontra Wao!!!. Te felicito excelente manera de explicar Rápido, conciso y fácil de entender. Gracias

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

    Fazt la mayoría de cosas que me interesan en desarrollo web ya lo has hecho tu en un tutorial! Sos un genio sigue así. Saludos

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

    Fazt sos el mejor y lo mejor lo que le paso a la programacion GRACIAS

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

    Sos un genio, aún no he terminado de ver el video y no puedo creer todo lo que aprendí!
    Saludos desde Argentina,
    Lea.-

  • @kiwi1361
    @kiwi1361 4 года назад +1

    De verdad ha sido un muy buen vídeo de React, apenas lo voy conociendo y lo has explicado muy bien
    Estoy agradecida

  • @hectorpereira2803
    @hectorpereira2803 4 года назад +49

    "task => "
    - Fazt 2019

    • @ronnygarcia4401
      @ronnygarcia4401 4 года назад +5

      Creo que es la peor parte, no se entiende nada !!!

    • @noticiashonestas9432
      @noticiashonestas9432 4 года назад +2

      @@ronnygarcia4401 "(value) => " así lo entendés mejor?

    • @Nicolas-hr7bc
      @Nicolas-hr7bc 4 года назад +3

      "(value) => " algo así sería

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

      Por eso en el uso de ciertas variables pongan algunos que se les haga mas facil de entender o mejor aun en español si el codigo es solo para ustedes y lo agarran de ejemplo para futuros proyectos ^^"

    • @Max-tq1ig
      @Max-tq1ig 3 года назад

      Lo peor es que su pronunciación de task es súper confundible entre plurales y singulares, hablando resultaba incluso más confuso en varias ocasiones.

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

    Que maravilla de herramienta. Creo que estaba oxidado, ahora sí a ganar mucho dinero. Gracias varón por este aporte

  • @heberdavidrangelhernandez3488
    @heberdavidrangelhernandez3488 2 года назад

    Excelente trabajo, la verdad muy bien explicado y no se te va ni un detalle, muchas gracias, ya me suscribí

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

    muchas gracias! nunca, nunca me había topado con video que explicara todas las cosas desde 0, ósea no asumes que ya se saben, nunca había encontrado, repito un video que me explicara que es npm jaja... es que no lo estaba buscando tampoco pero que alegría saber que ya se más que antes :)

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

    Voy por la mitad del curso y la verdad que se entiende todo perfecto, es muy práctico para ir codeando, excelente explicación!

  • @cosmoscrew2
    @cosmoscrew2 5 лет назад +29

    Sería interesante algo de React, con Nextjs y Redux ^^

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

    Excelente curso tutorial!!!! soy backend y nunca habia tocado nada en front, con esto pude realizar muchisimas cosas !!!!

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

      Un gusto que te halla servido Andres :)

  • @jamesbros4667
    @jamesbros4667 5 лет назад +4

    Hola Fazt, muchas gracias por compartir tus conocimientos y por esos tutoriales muy completos

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

    Eres un maestro de maestros por Dios que gran conocimiento tienes... Te respeto y admiro estimado.

  • @carlospontes6480
    @carlospontes6480 3 года назад +2

    aqui estan los siguientes cursos por parte de fazt para seguir avanzando:
    para estilisar los sitios web
    css ruclips.net/video/W6GTDfrWjXs/видео.html
    para darle interactividad a los sitios (entre otras cosas)
    javascript ruclips.net/video/RqQ1d1qEWlE/видео.html
    herramientas para darle mas funcionabilidad a javascript:
    react ruclips.net/video/zIY87vU33aA/видео.html
    vue ruclips.net/video/mfvNpUYV04U/видео.html
    angular ruclips.net/video/AR1tLGQ7COs/видео.html
    para dar mayor uso a css:
    bootstrap ruclips.net/video/7s1RjItUBqU/видео.html
    utilizar lo anterior en programas de escritorio:
    ruclips.net/video/0BWzZ6c8z-g/видео.html
    programacion del lado del servidor:
    nodejs
    ruclips.net/video/BhvLIzVL8_o/видео.html´
    express
    ruclips.net/video/794Q71KVw1k/видео.html
    nestjs
    ruclips.net/video/NYoCbihISxw/видео.html
    javascript mejorado:
    ruclips.net/video/Xxqh0RoWxNc/видео.html
    renderisado del lado del servidor:
    nextjs ruclips.net/video/Tn6QYliFBcs/видео.html

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

    Este es el mejor tutorial en youtube, por lo menos en español, para la gente que esta empezando con react js

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

    Esto es la biblia del react explicado de una forma excepcional! gran talento no solo para la programación sino para explicarlo correctamente. Exitos!

  • @darkwarrior-3000
    @darkwarrior-3000 3 года назад +1

    soy front-end react developer y puedo decir que la calidad del video es increible, muy bn explicado. espero que continues con todo lo que se puede hacer con react

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

    1:50 tambien puedes cambiar dinamicamente los estilos directamente en css usando js. Los estilos en linea bajan el SEO

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

    Busque por un tiempo como iniciarme en esta tecnología algo básico para empezar pero no encontré mucho, vi este video y todo me mucho más claro. Muy buen video… Saludos…

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

    en el metodo addTask
    para el id de la nueva tarea podria usarse
    id: this.state.tasks[this.state.tasks.length - 1].id + 1
    para obtener el id de la ultima tarea y así no depender del length lo cual puede dar un error al borrar una tarea inicial y querer agregar otra después (duplicidad de ids)

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

    Llevo varios vídeos tuyos porque son muy completos, te has convertido en mi profesor del trabajo de fin de grado que lo sepas jajjaja

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

    Simplemente increíble fazt, desde hace unas semanas veo tus videos y son sencillamente fantásticos. Gracias por todos tus aportes

  • @javierchiquitoavellan1666
    @javierchiquitoavellan1666 2 года назад

    Un crack, Fazt! No suelo ver vídeos tan largos, pero explicas tan bien que el tiempo se pasa volando. Estoy aprendiendo angular, pero react se ve muchísimo mas sencillo.

    • @FaztTech
      @FaztTech  2 года назад

      Gracias Javier. Pronto voy a actualizar este video con más contenido.

    • @fullgames926
      @fullgames926 2 года назад

      Hasta q empiezas a usar React con Typescript supongo (?

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

    TODO MUY BIEN !! la calidad de la información es suficiente!! como comentario sólo si podrías hablar un poquito más lento (solo un poquito) MUCHAS GRACIAS!!!

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

    18:25, en realidad es por que pausas la ejecución al dar clic, te das cuenta por que pone el cursor como un cuadro blanco en el lugar que diste clic, es lo mismo si ejecutas una terminal en cualquier modo admin o user, y en efecto se reanuda al dar enter.

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

    muchas gracias por tu video. me dedico mas al back end pero con tu curso ahora puedo incursionar mas en el front end

  • @porfirioromero8306
    @porfirioromero8306 3 года назад +6

    Por ahora estoy en el 18:28, como puedo instalarlo en un disco ssd interno? Me podrian ayudar, por ejemplo puse la ruta donde tengo mis apps en el ssd, pero el cmd no me permite, que puedo hacer? Algun consejo? Soy nuevo en react.js
    edit: Ya lo solucione, basta con poner la letra de la unidad seguida de dos puntos, jajaja me ahoge en algo tan simple, comparto esto por si a alguien le sirve

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

    Este video es genial!! Te sigo hace unos meses ya. Simplemente gracias!!

  • @cesardgocr
    @cesardgocr 2 года назад

    excelente, estoy comenzando con react, tuve un problema al inicio ejecutando el comando de instalacion, No se porque si tengo buen internet pero daba un error de socket timeout, en un foro pude solucionar aplicando este comando
    npm config set fetch-retry-mintimeout 20000
    npm config set fetch-retry-maxtimeout 120000

  • @laraalbornoz6388
    @laraalbornoz6388 2 года назад

    hace 1 mes vengo intentando entender react y por suerte llegue a este video y GRACIAS, gracias a este video logre realmente sacarme todas las dudas

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

    Gracias amigo me ayudaste mucho me compre 2 cursos de react y no lo entendi tanto con tu video aprendi mucho thank...

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

    Excelente introducción a React.js! Me ayudó bastante con los fundamentos para hacer el prototipo de validación de una idea de negocio. Muchas gracias por compartir tus conocimientos.

  • @guskit
    @guskit 2 года назад

    Muy bueno, veo que es un remake de hace un par de años, tendrás alguno para principiantes pero manejando hooks. Nuevamente super agradecido y te felicito por ser tan buen instructor.

  • @MessiPistola22
    @MessiPistola22 4 года назад +2

    Hey coders, en el 02:39:20 a todo aquel que en la funcion this.setState() le haya dado este error: "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops"
    La solucion es esta: onsubmit = () =>{
    this.setState({
    tasks: [...this.state.tasks, newTask]
    })
    }
    Se ve que usando la funcion this.setState como lo hizo fazt hacia que constantemente la aplicacion actualice el DOM y para evitar sobrecargar la memoria, react esta programado para que nos lance la excepcion que les mencione arriba y así evitar un loop infinito que crashee la pc. Para ello lo que hice fue en vez de pasarlo a un objeto como hizo fazt, lo pase a una funcion directamente. Mi fuente para solucionar este asunto fue esta mujer: medium.com/@wisecobbler/using-a-function-in-setstate-instead-of-an-object-1f5cfd6e55d1
    Por cierto, que buen curso Fazt! Ni bien consiga trabajo como programador, tomare algun curso de pago tuyo como agradecimiento, sos un maestro ♥ Saludos desde Argentina !

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

      Bro me has salvado la vida. Me pasaba ese error, y me estaba volviendo loco, graciass.

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

      Compañero terminaste el tutorial?

  • @josejoaquinvillabona4924
    @josejoaquinvillabona4924 2 года назад

    gran aportes ....Desde Colombia lo felicito de verdad

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

    Tus videos son tan buenos, estoy aprendiendo mucho , pues lo mas importante que ofreces son los tips para que alguien que se mete en este mundo de taaaaaaantos frameworks, librerías y entornos no se pierda si quieren empezar por su cuenta solo googleando. Tan es así que hasta hago click en las publicidades del video incluido el del insoportable de los cursos de ingles :)

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

    Fazt sos un crack ! Gracias por este curso !! Me sirve perfectamente para complementar los cursos presenciales que hice ! Deberias o por ahi ya lo haces , dictar cursos en vivo !!!!!

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

    Gracias hermano por compartir con la comunidad de desarrolladores mas en estas tecnologias, bendiciones y properidad en todo lo que emprendas.🙏

  • @elskipvers
    @elskipvers 4 года назад +1

    Me vi todo el video fazt!, se me hizo demasiado facil entender como funciona react ya sabiendo angularJS, angular 8 y javascript. React es realmente sencillo si lo comparo hasta con jquery!!
    un saludo viejo muy buenos tus videos! espero uno de AWS!

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

      seria genial uno de AWS y lo mismo sabiendo Angular es facil react

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

      y eso que no has usado angular jaja aun más sencillo que esto de manejar estados

  • @alvaroustarez4570
    @alvaroustarez4570 2 года назад

    Fazt es genial tu contenido!! muchas gracias por tanto aporte a la comunidad!!!

    • @FaztTech
      @FaztTech  2 года назад +2

      Estoy actualizando los cursos. Pronto veras uno nuevo de React con más contenido y mejor esctructurado :)

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

    Increible tutorial super bien explicado. ¡Gracias!
    Me está sirviendo para entender parte de un curso que estoy llevando a la par y espero iniciar mi carrera de developer desde aquí. ¡Mil gracias de nuevo!

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

    La verdad es que no entiendo porque soy tan fan de tus videos y nunca regalo un like, es de boludo lo mio. Tu canal esta buenísimo

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

    Sigo tus vídeos porque vas al grano, sin tantos saludos y rodeos.

  • @MarianaGranara7
    @MarianaGranara7 4 года назад +2

    Hola, estoy aprendiendo React con este video pero cuando hago el ejercicio de las tareas ma a un error y no puedo continuar justo cuando creas Tasks.js y cambias lo de App.js a Tasks.js dice:
    Compiled with warnings.
    ./src/components/Tasks.js
    Line 6:9: Unreachable code no-unreachable
    Search for the keywords to learn more about each warning.
    To ignore, add // eslint-disable-next-line to the line before.

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

    es increíble lo que enseñas muchas gracias.

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

    Fazt es lo mejor yo tambien aprendi mediante sus videos el node js y mongoDB le sigo desde los 80 suscritores desde el 2018 cuando tenia pocos videos en ambos canales.

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

    No tengo ni pta idea de programación ya que yo estudie mercadotecnia, pero de solo ver tus videos me dan ganas de aprender a programar, con que podría empezar amigo!? Saludos eres un crack!

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

      Entrare de metido, pero necesitas aprender HTML, CSS y Javascript... Esto por que son esas 3 la base de todo el desarrollo web, luego ves si quieres entrar a front-end o back-end.. Suerte!

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

    Estuvo hiper brutal. Me pareció demasiado bueno. Gracias por tus videos.

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

    Muchas gracias por el contenido de tus videos, eres de gran ayuda para toda la comunidad en especial para los Reactivos!

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

    Parce te felicito por el buen trabajo en el momento de la explicación del vídeo, me parece que tienes una muy buena pedagogía para enseñar.
    Me gustaría seguir viendo más vídeos tutoriales sobre React Native, Next.js etc...
    Saludos desde Medellín, Colombia.

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

    Pedazo de tutorial! Muchas gracias , ya me suscribí!

  • @PalbornozN
    @PalbornozN 2 года назад

    Muchas gracias maestro, me sirvio mucho para entender React

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

    iniciar este proceso de aprendizaje segrramente me lleve a consolidar algunas tareas de creacion de interfaces

  • @Gio-nk9pf
    @Gio-nk9pf 4 года назад +2

    Muchisimas gracias por tu aporte, me ayudaste mucho, te deso todo el exito! =D, saludos desde Brasil.

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

    Consegui un trabajo gracias a tu video, gracias fazt

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

    Amigo, excelente aporte. He apredido la base completa con este video. Mil gracias.

  • @juliopaez9989
    @juliopaez9989 2 года назад

    Muchas Gracias por el curso, excelente. Con este curso estoy aprendiendo React.

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

    Gracias por la buena intro. Personalmente trabajo con Angular pero por ciertos proyetos tengo que empezar a introducirme en el mundo de react. Muy util. Saludos.

  • @albertogabrielfeldman1642
    @albertogabrielfeldman1642 2 года назад

    Este video es extraordinario verdaderamente muy bueno!

  • @lcastcode
    @lcastcode 4 года назад +1

    Que platzi, que udemy nada... Este canal es el mejor, ya encontre trabajo gracias a este canal....

  • @jonatanhn00
    @jonatanhn00 5 лет назад +7

    Fazt por qué no compartes tus conocimientos en udemy.... La verdad me interesaría aprender de ti

    • @RommelMendozaZ
      @RommelMendozaZ 5 лет назад +3

      A mi igual me parece increíble como Fazt tiene tan buenos videos que incluso son mejores que cursos que se encuentran de pago en udemy u otras plataforma, igual opino seria bien para el y para todos un curso premium en udemy q por ejemplo haga un proyecto de la vida real donde use en conjunto las tecnologías que ha enseñado en sus videos con algun plus