Ruta para Aprender React en 2024 (React Roadmap)

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ก.ค. 2024
  • - Obten el SDK de ZEGOCLOUD SDK con 10,000 minutos Gratis: bit.ly/49MImXT
    - UIKits prediseñados con acceso al codigo: bit.ly/3OTJ5yg
    - Mejores Lenguajes de programacion AI para aprender: bit.ly/3uLkQLY
    - Crea Sitios de Documentacion con Docuo ahora: bit.ly/49MHv9x
    Si estas considerando aprender React en este año 2024, esta es una lista de temas que podrías considerar aprender en el ecosistema de React para empezar a desarrollar aplicaciones web Frontend desde cero. Entre algunos de los conceptos que podemos encontrar en este video estan los hooks, estados, Props, bibliotecas de manejo de estado, React Router, UI Component Library, y otros conceptos esenciales que les ayudaran a crear proyectos reales en esta biblioteca y sus frameworks.
    ⭐ Cursos Recomendados
    Curso de Nodejs ⮕ fazt.dev/nodejs
    Curso de Python⮕ faztweb.com/python
    Curso de React ⮕ • Curso de Reactjs desde...
    Curso de Nextjs ⮕ • Curso de Nextjs desde ...
    Curso de Javascript para React ⮕ • Javascript para Aprend...
    🎒 Servicios Recomendados
    Railway ⮕ railway.app?referralCode=fazt
    Namecheap ⮕ namecheap.pxf.io/ErDe9
    DigitalOcean ⮕ m.do.co/c/8ef261d77de5
    SiteGround ⮕ bit.ly/31u9ZEk
    🎒 Otros Servicios
    Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
    Cloudinary ⮕ bit.ly/3ohNlJ7
    Notion ⮕ affiliate.notion.so/yj9uc7bi3miq
    Codecrafters ⮕ app.codecrafters.io/join?via=...
    🗣 Redes Sociales
    Github ⮕ github.com/fazt
    Twitter ⮕ / fazttech
    Discord ⮕ faztweb.com/social/discord
    Puedes encontrar la lista de tutoriales de React en:
    faztweb.com/react
    #zegocloud #api #sdk #uikits #programming #coding
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @FaztCode
    @FaztCode  4 หลายเดือนก่อน +6

    - Obten el SDK de ZEGOCLOUD SDK con 10,000 minutos Gratis: bit.ly/49MImXT
    - UIKits prediseñados con acceso al codigo: bit.ly/3OTJ5yg
    - Mejores Lenguajes de programacion AI para aprender: bit.ly/3uLkQLY
    - Crea Sitios de Documentacion con Docuo ahora: bit.ly/49MHv9x

    • @alejandrolargo9576
      @alejandrolargo9576 3 หลายเดือนก่อน +1

      me podrias compartir el roadmap ?

  • @mastermaster153
    @mastermaster153 4 หลายเดือนก่อน +38

    Fazt es uno de los pocos creadores de contenido cuya publicidad no me molesta; de hecho hasta veo completos los anuncios en los videos jajaj

  • @UskoKruM2010
    @UskoKruM2010 4 หลายเดือนก่อน +39

    ¡Gran video, Fazt! Otra recomendación (reafirmando lo dicho en el video): Mientras + JavaScript conozcas, más fácil podrás moverte con React, es 100% necesario. 🙌 👨‍💻

  • @jonathandajome690
    @jonathandajome690 4 หลายเดือนก่อน +15

    Estoy dándole fuerte desde el año pasado. Me falta poco para conocer todo el ecosistema de React.
    Antes de empezar la ruta tenía mucho miedo a React, ahora lo amo 🤩

    • @josegermanx
      @josegermanx 4 หลายเดือนก่อน +2

      React es lo mejor que te pueda pasar en la vida como front-end. ¡Después, Astro!! :D

  • @JohanCacerez
    @JohanCacerez 4 หลายเดือนก่อน +10

    Estos videos de roadmap para aprender que haz echo ayudan bastante para orientarme mejor con el proceso para aprender, gracias fazt

  • @kevinmanuelm01
    @kevinmanuelm01 4 หลายเดือนก่อน +2

    Saludos fazt, cada semana estoy mirando tu canal a ver si subiste video, gracias

  • @danielpacevedo4955
    @danielpacevedo4955 4 หลายเดือนก่อน +2

    muy buen video, yo me encuentro dando los primeros pasos en react y como dices, tener una base en Js es lo mejor. Y tambien decir, este video y el anterior sobre el back los encuentro super buenos y necesarios para las personas que estan iniciando y tambien para los que quieren profundizar mas, pero no saben por donde ir, excelente contenido!

  • @jorgenunezlopez8053
    @jorgenunezlopez8053 4 หลายเดือนก่อน +5

    Justo pensaba empezar a estudiar React. ¡Muchas gracias! 😁

  • @omargonzalez3906
    @omargonzalez3906 4 หลายเดือนก่อน +3

    estas on fire sacando contenido! bien ahi!

  • @derrbass
    @derrbass 4 หลายเดือนก่อน +1

    Voy como por la mitad de ese road map fazt... muchas gracias por la información y por todo el trabajo que haces por la comunidad.

  • @rommel0563
    @rommel0563 4 หลายเดือนก่อน +6

    no te cansas de hacer cosas maravillosas por tu comunidad, gracias!

  • @oss2046
    @oss2046 หลายเดือนก่อน +1

    Roadmap de Desarrollo FullStack con React en el front!
    gracias por el video

  • @user-ko1cw6mv4q
    @user-ko1cw6mv4q 4 หลายเดือนก่อน +2

    Cada dia me levanto Para ver SI Subiste contenido ❤️ gracias fazt

  • @sol____-_-
    @sol____-_- 4 หลายเดือนก่อน

    Genial, justo estoy terminando de aprender javascript; guardaré está ruta para cuando empiece con React. Muchas gracias por todo. Saludos desde Colombia.💛💙❤️

  • @leandrodevaronarodriguez-dx5vb
    @leandrodevaronarodriguez-dx5vb 4 หลายเดือนก่อน +2

    Gracias por el vídeo.

  • @jairocolondev
    @jairocolondev 4 หลายเดือนก่อน +1

    Buenísimo Fazt, gracias 🙌🏼🔥

  • @arnoldtorres3375
    @arnoldtorres3375 4 หลายเดือนก่อน

    Eres el mejor 🎉, un vídeo de strapi, integrado con front 🙏🏻

  • @risbelsuarezrodriguez9608
    @risbelsuarezrodriguez9608 4 หลายเดือนก่อน

    Ohhh! muy bueno eso de ZEGOCLOUD ! Gracias Fazt ! Saludos y más éxito en lo que haces 👍

  • @JavierGonzalez-cl6pu
    @JavierGonzalez-cl6pu 4 หลายเดือนก่อน +1

    el mundo de REACT se ve gigante. Cada vez son más y más las soluciones que hay que dominar TT

  • @MixterixSeven
    @MixterixSeven 4 หลายเดือนก่อน

    Gracias buen video sobre el Roadmap de React me faltaria probar backend as a service y headles cms

  • @AlguienllamadoYi
    @AlguienllamadoYi 4 หลายเดือนก่อน +1

    Gracias Fazt, empezaré React seriamente 💪

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 4 หลายเดือนก่อน

    gracias por este buen road map, ya no sé que pedirte, creo que lo hiciste todo. Quizás de contentful o de amplify o strapi para repasar si hay cambios o tanstack table p select no sé si los sacaste. En fin, mira que eres más de backend y has echo todo lo del front para nosotros gracias ;)

  • @Hackeandomivida
    @Hackeandomivida 4 หลายเดือนก่อน

    Crack de cracks como haces para saber tantos conceptos, tienes un super cerebro fazt , yo me marearía la verdad ,

  • @oh-vito
    @oh-vito 2 หลายเดือนก่อน +1

    El orden de los conceptos en la ruta de aprendizaje de react es importante para no fracasar en el intento de aprender esta hermosa libreria del frontend.

  • @dajurino
    @dajurino 4 หลายเดือนก่อน

    el roadmap esta increible gracias por este video

  • @coff3andprograming
    @coff3andprograming 4 หลายเดือนก่อน +2

    Me encantan este tipo de videos😮

  • @johangarcia5057
    @johangarcia5057 4 หลายเดือนก่อน

    Estaria interesante el video de full stack, muy buena informacion la que das en este video.

  • @mimi7u7
    @mimi7u7 4 หลายเดือนก่อน +1

    Llegue tarde, pero esto es oro, muchas gracias Fazt uwu 😍

  • @conradohernanvillagil2764
    @conradohernanvillagil2764 4 หลายเดือนก่อน

    Fazt gracias por el video. Muy útil. Pregunta, conoces librerías complementarias para React que sirvan para la construcción de formularios y luego tomar los datos de esos formularios y elaborar dashboards?.

  • @antsegang
    @antsegang 4 หลายเดือนก่อน

    Hola Fazt muchas gracias por tus videos, me han ayudado mucho con mis estudios y con mis proyectos. Quería consultarte cómo se llama la herramienta donde escribes lo que vas comentando y agregas lineas e imágenes? me parece una buena opción para organizar los proyectos

  • @albertonavarroperez3686
    @albertonavarroperez3686 4 หลายเดือนก่อน +1

    Primero que todo gracias Fazt p9r compartir tu conocimientos, segundo, quisiera saber cuál herramienta estás usando para el diagrama de este video , saludos

  • @cdvillarreal
    @cdvillarreal 4 หลายเดือนก่อน

    Excelente resumen, si no es mucha molestia, sí me interesaría un video con la ruta para un Full Stack en React. Gracias.

  • @user-ic9nw2oi7h
    @user-ic9nw2oi7h 4 หลายเดือนก่อน

    Muchas gracias por los videos

  • @davidvasquez4949
    @davidvasquez4949 4 หลายเดือนก่อน +1

    Si estaria bueno ver el roadmap de backend

  • @alexandervaqueroaquino5695
    @alexandervaqueroaquino5695 4 หลายเดือนก่อน +1

    Salúdame tío Fazt gracias a ti he aprendido mucho 🦝

  • @damianvegapolanco7800
    @damianvegapolanco7800 4 หลายเดือนก่อน

    Brooo excelente video, seria bueno uno de fullstack.

  • @magdielramirez649
    @magdielramirez649 2 หลายเดือนก่อน

    Que buena explicación, esperamos el de backend !! Saludos

    • @FaztCode
      @FaztCode  2 หลายเดือนก่อน

      aqui esta: th-cam.com/video/lDk0t0y4TGk/w-d-xo.html

  • @malp3rder
    @malp3rder 4 หลายเดือนก่อน

    buenísimo!

  • @RoberthValerio
    @RoberthValerio 4 หลายเดือนก่อน +1

    saludo fazt , serai bueno que hiciera un video sobre el comentario que dijo El CEO de Nivia Sobre los programadores , lo otro seria bueno que dijera algo sobre la actualidad y si va seguir de manda del frontend como el backend , y el porque saludo desde venezuela ando inciando desde hace mucho tiempo en la programacion ando en un ciclo infinito de mucha informacion saludo

  • @aaguilar.c7
    @aaguilar.c7 4 หลายเดือนก่อน

    Fazt buen contenido felicidades, seria excelente un curso bajo ese roadmaap que nos recomiendas aun que sea curso de paga

  • @agustinmolina1027
    @agustinmolina1027 4 หลายเดือนก่อน +2

    Hola fazt! puedes crear un video utlizando server actions en next.js con postgre o mongo? gracias!!!😁😁

  • @bthcosmoff2821
    @bthcosmoff2821 4 หลายเดือนก่อน

    FaztCode gracias por tus videos me an ayudado mucho para mis proyectos, pero aún no entiendo un sobre el res_framework en Django para hacer un admin desde el framework, tienes un vídeo de Django con res_framework y Reac con la base de datos Postgres?

  • @arielangelsantillanreyna2947
    @arielangelsantillanreyna2947 4 หลายเดือนก่อน

    Hola Fazt buen dia, buen video como simepre. Sera posible que nos puedas compartir el enlace(obvio modo visualizador) del Roadmap por favor.

  • @JavierGopar
    @JavierGopar 4 หลายเดือนก่อน +1

    Hola, y en tu ruta donde entraria NextJs?

  • @yeffermorenorobledo5160
    @yeffermorenorobledo5160 4 หลายเดือนก่อน

    Hola, como se llama donde estas pintando y escribiendo ?

  • @wilgm211
    @wilgm211 4 หลายเดือนก่อน

    Fazt, quisiera que hicieras esta misma dinámica para nodejs, o de preferencia, un curso de "js para nodejs", como hiciste con React. Gracias por el contenido, un abrazo.

  • @rogelioperezmena3460
    @rogelioperezmena3460 4 หลายเดือนก่อน

    Alguien me podría decir cuando utilizar React y cuando utilizar Next??

  • @koekun5817
    @koekun5817 4 หลายเดือนก่อน +1

    Hola fazt, estuvo genia este video, espero un roadmap full stack
    Una peticion mia ojala algun dia pudieses subir implementar i18next a nextJS

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน

      Se me ha quedado en pendiente publicar ese video, voy a hacerlo para esta semana

  • @IgnisMauro
    @IgnisMauro 4 หลายเดือนก่อน

    excelente video estimado!. He estado viendo tus videos de Django y la verdad e aprendido un montón, me a gustado el backend y quisiera saber cual seria el stack de django? con que mas se complementa esta tecnología, tanto para el frontend? saludos!

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน +1

      Muy pronto voy a crear un roadmap para Python

  • @cessruizaltamirano1244
    @cessruizaltamirano1244 4 หลายเดือนก่อน

    ¿Puedes hacer un video sobre la ruta de aprendizaje de VueJS?

  • @ellias_mb
    @ellias_mb 4 หลายเดือนก่อน

    SOS UN CAPO

  • @valentinfeller121
    @valentinfeller121 4 หลายเดือนก่อน

    Estaria bueno que hagas un video de como hacer un live shopping.

  • @danielmar555
    @danielmar555 4 หลายเดือนก่อน

    Si queremos el react roadmap full stack

  • @carlosfedev
    @carlosfedev 4 หลายเดือนก่อน +1

    Hermano, gracias el roadmap! ¿Podrías hacer un video sobre cómo ser freelance? Cómo trabajar con clientes, es decir, cómo calcular los precios de tu trabajo, hacer contratos, planeación de proyecto y demás. Me gusta mas el freelance, disfruto aprendiendo nuevas tecnologías al igual que tu. El otro dia vi el video en el que enseñas el stack tecnológico que usas para crear tus proyectos y la verdad me quedé maravillado, no te complicas la vida, aprendes nuevas tecnologías y creo que al trabajar con clientes siempre tienes un arsenal para saber que es mejor. A veces creo que, aparte de que disfrutas enseñar (y lo haces bien) usas TH-cam como tu base de datos de tanto conocimientos que tienes. Espero tu respuesta, honestamente te había escuchado hablar sobre ser freelance en otro video, pero ya no recuerdo. Creo que tal vez ahora sea mejor, eres mucho más maduro ahora. No se necesita ver tu rostro para saber que no eres la misma persona de hace 5 años atrás.

    • @mr_yoshidasan
      @mr_yoshidasan 4 หลายเดือนก่อน

      Pedir pedir y pedir...

    • @carlosfedev
      @carlosfedev 4 หลายเดือนก่อน

      @@mr_yoshidasan Tarde 30 segundos pensando que responderte, asi que...

  • @cpiprodesign
    @cpiprodesign 4 หลายเดือนก่อน

    Rodmap de vuejs por favor 🙏

  • @irtormxd6842
    @irtormxd6842 4 หลายเดือนก่อน

    ¿Podrías hacer un curso nuevo de angular?

  • @kevinfuentes5018
    @kevinfuentes5018 4 หลายเดือนก่อน

    Puedes hacer uno de Django por favor

  • @stevenalvarado101
    @stevenalvarado101 4 หลายเดือนก่อน +1

    Y Next.js?

  • @jairomoreno3902
    @jairomoreno3902 4 หลายเดือนก่อน +1

    Yo al final me bajé de next.js a react porque no puede mezclar Redux con las características de next js

    • @EmmanuelFajardo-js8ec
      @EmmanuelFajardo-js8ec 4 หลายเดือนก่อน

      en su misma documentacion dicen que no es necesario o muy poco probable que necesites un manejador de estado y que si lo llegas a necesitar el mejor para nextjs es zustand. quizas no se lleva bien con Redux

  • @surflaweb
    @surflaweb 4 หลายเดือนก่อน

    Ok

  • @thevenrexoficial869
    @thevenrexoficial869 4 หลายเดือนก่อน

    !Gran video, de recomendacion puedes hacer un roadmap sobre python ?

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน

      Si es una muy buena idea, voy a elaborar algo muy pronto

  • @haroldev-69
    @haroldev-69 3 หลายเดือนก่อน

    de angular para cuando

  • @kevinmanuelm01
    @kevinmanuelm01 4 หลายเดือนก่อน

    Que herramienta estas usando para escribir y dibujar ?

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน

      Se llama Excalidraw th-cam.com/video/KjyBL60uFL0/w-d-xo.html

  • @Pako_Pod
    @Pako_Pod 4 หลายเดือนก่อน +1

    cual es la pagina donde haces esas anotaciones? saludos bro

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน +1

      Se llama Excalidraw th-cam.com/video/KjyBL60uFL0/w-d-xo.html

  • @edgardomolinagonzalez3121
    @edgardomolinagonzalez3121 4 หลายเดือนก่อน

    El traaversing the dom y manipulación del dom de javascript son esenciales para React??? o este se encarga al 100% de todo aquello master? Rxjs es tan esencial en React como en Angular???

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน +2

      Si es necesario conocer cómo funciona el DOM porque react usa muchos conceptos de este a su modo

  • @Alejandro-yc1hr
    @Alejandro-yc1hr 4 หลายเดือนก่อน +1

    podrías hacer un roadmap de flutter o desarrollo móvil para este 2024?

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน +1

      De hecho no es para nada una mala idea, voy a preparar algo pronto

  • @rayanbalbuena8165
    @rayanbalbuena8165 4 หลายเดือนก่อน

    Espero el roadmap de Backend. 😊

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน

      Aquí lo dejo :)
      Roadmap de Desarrollo Web Backend en 2024
      th-cam.com/video/lDk0t0y4TGk/w-d-xo.html

    • @rayanbalbuena8165
      @rayanbalbuena8165 4 หลายเดือนก่อน

      @@FaztCode No se como no lo vi. Muchas gracias!

  • @andryos5145
    @andryos5145 4 หลายเดือนก่อน

    Una consulta : es recomendable para crear una aplicación móvil multiplataforma (ios android) react? (no es necesario en principio comunicación nativa hardware)

    • @eddgodoy
      @eddgodoy 2 วันที่ผ่านมา

      Pues depende si quieres que se descargue de la store o simplemente entrar a una página

  • @edarcode8124
    @edarcode8124 4 หลายเดือนก่อน

    saludos! como se llama la pizarra ?

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน

      Se llama Excalidraw th-cam.com/video/KjyBL60uFL0/w-d-xo.html

  • @elgrego3849
    @elgrego3849 4 หลายเดือนก่อน +1

    ¿Cómo se llama la aplicación donde realizaste el gráfico?

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน

      Excalidraw

  • @emanuel22223
    @emanuel22223 4 หลายเดือนก่อน +1

    Es una animación o un fondo de pantalla ? En el principio de tu video

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน

      Es un video de fondo que colocó el editor

  • @santiwoflnaouwlaa531
    @santiwoflnaouwlaa531 หลายเดือนก่อน

    Porfaa una ruta desarrollo backend con node en 2024

    • @FaztCode
      @FaztCode  29 วันที่ผ่านมา

      Hola Santi, si cree una, te dejo el video por aqui: th-cam.com/video/lDk0t0y4TGk/w-d-xo.html

  • @enzocodes
    @enzocodes 4 หลายเดือนก่อน

    0:00 Intro
    0:32 Sponsor: Zegocloud
    1:53 Bases de Javasctipt
    2:56 Bases de React
    4:00 CSS
    5:00 React Router
    5:40 Manejo de estado
    7:33 Hooks
    9:21 Bibliotecas complementarias
    11:37 UI Components Libraries
    13:27 Backend as a Service
    14:30 Headless CMS
    15:58 Testing

  • @carlosterrazas8913
    @carlosterrazas8913 4 หลายเดือนก่อน

    puedes hablar y enfocarte en nextjs 14.

    • @FaztCode
      @FaztCode  4 หลายเดือนก่อน

      De hecho es una excelente idea voy a preparar algo pronto

    • @carlosterrazas8913
      @carlosterrazas8913 4 หลายเดือนก่อน

      @@FaztCode unstable_noStore, noStore. generateStaticParams. Gracias

  • @opk8843
    @opk8843 4 หลายเดือนก่อน

    ruta de flutter

  • @guilledmo4266
    @guilledmo4266 4 หลายเดือนก่อน +3

    javaScript es un terrible lenguaje de programacion... Pero pone comida en mi mesa hahaha aun asi lo detesto... Ts lo hace soportable aunque igual le aumenta un monton de codigo... ts+React buena combinacion....

  • @AXL_R3
    @AXL_R3 4 หลายเดือนก่อน

    Yo igual agregaría aprender frameworks o herramientas para poder crear las aplicaciones en react. Cómo next js, vite, etc.
    De todas formas buen video, creo que se un 70% de las cosas, pero aún me falta practicar.

  • @omargonzalez3906
    @omargonzalez3906 4 หลายเดือนก่อน +1

    estas on fire sacando contenido! bien ahi!