Ruta para Aprender React en 2024 (React Roadmap)

Поділитися
Вставка
  • Опубліковано 7 лют 2025
  • 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/py...
    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....
    DigitalOcean ⮕ m.do.co/c/8ef2...
    SiteGround ⮕ bit.ly/31u9ZEk
    🎒 Otros Servicios
    Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
    Cloudinary ⮕ bit.ly/3ohNlJ7
    Notion ⮕ affiliate.noti...
    Codecrafters ⮕ app.codecrafte...
    🗣 Redes Sociales
    Github ⮕ github.com/fazt
    Twitter ⮕ / fazttech
    Discord ⮕ faztweb.com/so...
    Puedes encontrar la lista de tutoriales de React en:
    faztweb.com/react
    #zegocloud #api #sdk #uikits #programming #coding

КОМЕНТАРІ • 101

  • @FaztCode
    @FaztCode  11 місяців тому +8

    - 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

  • @mastermaster153
    @mastermaster153 11 місяців тому +47

    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

  • @enzo_tsx
    @enzo_tsx 11 місяців тому +2

    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

  • @UskoKruM2010
    @UskoKruM2010 11 місяців тому +45

    ¡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 11 місяців тому +16

    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 11 місяців тому +2

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

  • @JohanCacerez
    @JohanCacerez 11 місяців тому +11

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

  • @beluway101
    @beluway101 Місяць тому

    Que genio!! Gracias a ti volví a encontrar la motivación para hacer el proyecto final de mi carrera, siempre a la mano de tus tutoriales que nunca me fallan.
    Sos una inspiración muy grande!!
    Saludos Fazt

  • @JavierGonzalez-cl6pu
    @JavierGonzalez-cl6pu 11 місяців тому +2

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

  • @danielpacevedo4955
    @danielpacevedo4955 11 місяців тому +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!

  • @omargonzalez3906
    @omargonzalez3906 11 місяців тому +3

    estas on fire sacando contenido! bien ahi!

  • @jorgenunezlopez8053
    @jorgenunezlopez8053 11 місяців тому +5

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

  • @kevinmanuelm01
    @kevinmanuelm01 11 місяців тому +2

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

  • @oh-vito
    @oh-vito 8 місяців тому +2

    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.

  • @derrbass
    @derrbass 11 місяців тому +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.

  • @oss2046
    @oss2046 7 місяців тому +1

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

  • @sol____-_-
    @sol____-_- 11 місяців тому

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

  • @GelzintVidaurre
    @GelzintVidaurre 11 місяців тому +2

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

  • @risbelsuarezrodriguez9608
    @risbelsuarezrodriguez9608 11 місяців тому

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

  • @arnoldtorres3375
    @arnoldtorres3375 11 місяців тому

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

  • @coff3andprograming
    @coff3andprograming 11 місяців тому +2

    Me encantan este tipo de videos😮

  • @alexandervaqueroaquino5695
    @alexandervaqueroaquino5695 11 місяців тому +1

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

  • @albertonavarroperez3686
    @albertonavarroperez3686 11 місяців тому +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

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 11 місяців тому

    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 ;)

  • @koekn1047
    @koekn1047 11 місяців тому +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  11 місяців тому

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

  • @eaaldark
    @eaaldark 11 місяців тому

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

  • @Hackeandomivida
    @Hackeandomivida 11 місяців тому

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

  • @cdvillarreal
    @cdvillarreal 11 місяців тому

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

  • @dajurino
    @dajurino 11 місяців тому

    el roadmap esta increible gracias por este video

  • @johangarcia5057
    @johangarcia5057 11 місяців тому

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

  • @jairocolonp
    @jairocolonp 11 місяців тому +1

    Buenísimo Fazt, gracias 🙌🏼🔥

  • @davidvasquez4949
    @davidvasquez4949 11 місяців тому +1

    Si estaria bueno ver el roadmap de backend

  • @mimi7u7
    @mimi7u7 11 місяців тому +1

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

  • @magdielramirez649
    @magdielramirez649 8 місяців тому

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

    • @FaztCode
      @FaztCode  8 місяців тому

      aqui esta: ua-cam.com/video/lDk0t0y4TGk/v-deo.html

  • @conradohernanvillagil2764
    @conradohernanvillagil2764 11 місяців тому

    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?.

  • @AlguienllamadoYi
    @AlguienllamadoYi 11 місяців тому +1

    Gracias Fazt, empezaré React seriamente 💪

  • @carlosfedev
    @carlosfedev 11 місяців тому +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 UA-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 11 місяців тому

      Pedir pedir y pedir...

    • @carlosfedev
      @carlosfedev 11 місяців тому

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

  • @JavierGopar
    @JavierGopar 11 місяців тому +1

    Hola, y en tu ruta donde entraria NextJs?

  • @bthcosmoff2821
    @bthcosmoff2821 11 місяців тому

    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?

  • @damianvegapolanco7800
    @damianvegapolanco7800 11 місяців тому

    Brooo excelente video, seria bueno uno de fullstack.

  • @aaguilar.c7
    @aaguilar.c7 11 місяців тому

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

  • @leandrodevaronarodriguez-dx5vb
    @leandrodevaronarodriguez-dx5vb 11 місяців тому +2

    Gracias por el vídeo.

  • @wilgm211
    @wilgm211 11 місяців тому

    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.

  • @arielangelsantillanreyna2947
    @arielangelsantillanreyna2947 11 місяців тому

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

  • @VenezuelaBreak
    @VenezuelaBreak 11 місяців тому +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

  • @yeffermorenorobledo5160
    @yeffermorenorobledo5160 11 місяців тому

    Hola, como se llama donde estas pintando y escribiendo ?

  • @IgnisMauro
    @IgnisMauro 11 місяців тому

    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  11 місяців тому +1

      Muy pronto voy a crear un roadmap para Python

  • @rogelioperezmena3460
    @rogelioperezmena3460 11 місяців тому

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

  • @agustinmolina1027
    @agustinmolina1027 11 місяців тому +2

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

  • @jairomoreno3902
    @jairomoreno3902 11 місяців тому +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 11 місяців тому

      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

  • @cess-l7h
    @cess-l7h 11 місяців тому

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

  • @danielmar555
    @danielmar555 11 місяців тому

    Si queremos el react roadmap full stack

  • @stevenalvarado101
    @stevenalvarado101 11 місяців тому +1

    Y Next.js?

  • @irtormxd6842
    @irtormxd6842 11 місяців тому

    ¿Podrías hacer un curso nuevo de angular?

  • @MiguelHinojosa-p3x
    @MiguelHinojosa-p3x 10 місяців тому

    Muchas gracias por los videos

  • @valentinfeller121
    @valentinfeller121 11 місяців тому

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

  • @emanuel22223
    @emanuel22223 11 місяців тому +1

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

    • @FaztCode
      @FaztCode  11 місяців тому

      Es un video de fondo que colocó el editor

  • @kevinfuentes5018
    @kevinfuentes5018 11 місяців тому

    Puedes hacer uno de Django por favor

  • @thevenrexoficial869
    @thevenrexoficial869 11 місяців тому

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

    • @FaztCode
      @FaztCode  11 місяців тому

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

  • @andryos5145
    @andryos5145 11 місяців тому

    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 6 місяців тому

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

  • @malp3rder
    @malp3rder 11 місяців тому

    buenísimo!

  • @rayanbalbuena8165
    @rayanbalbuena8165 11 місяців тому

    Espero el roadmap de Backend. 😊

    • @FaztCode
      @FaztCode  11 місяців тому

      Aquí lo dejo :)
      Roadmap de Desarrollo Web Backend en 2024
      ua-cam.com/video/lDk0t0y4TGk/v-deo.html

    • @rayanbalbuena8165
      @rayanbalbuena8165 11 місяців тому

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

  • @cpiprodesign
    @cpiprodesign 11 місяців тому

    Rodmap de vuejs por favor 🙏

  • @Alejandro-yc1hr
    @Alejandro-yc1hr 11 місяців тому +1

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

    • @FaztCode
      @FaztCode  11 місяців тому +1

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

  • @Pako_Pod
    @Pako_Pod 11 місяців тому +1

    cual es la pagina donde haces esas anotaciones? saludos bro

    • @FaztCode
      @FaztCode  11 місяців тому +1

      Se llama Excalidraw ua-cam.com/video/KjyBL60uFL0/v-deo.html

  • @guille.16x
    @guille.16x 11 місяців тому +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....

  • @kevinmanuelm01
    @kevinmanuelm01 11 місяців тому

    Que herramienta estas usando para escribir y dibujar ?

    • @FaztCode
      @FaztCode  11 місяців тому

      Se llama Excalidraw ua-cam.com/video/KjyBL60uFL0/v-deo.html

  • @ellias_mb
    @ellias_mb 11 місяців тому

    SOS UN CAPO

  • @elgrego3849
    @elgrego3849 11 місяців тому +1

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

  • @haroldev-69
    @haroldev-69 9 місяців тому

    de angular para cuando

  • @santiwoflnaouwlaa531
    @santiwoflnaouwlaa531 7 місяців тому

    Porfaa una ruta desarrollo backend con node en 2024

    • @FaztCode
      @FaztCode  7 місяців тому

      Hola Santi, si cree una, te dejo el video por aqui: ua-cam.com/video/lDk0t0y4TGk/v-deo.html

  • @edgardomolinagonzalez3121
    @edgardomolinagonzalez3121 11 місяців тому

    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  11 місяців тому +2

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

  • @edarcode8124
    @edarcode8124 11 місяців тому

    saludos! como se llama la pizarra ?

    • @FaztCode
      @FaztCode  11 місяців тому

      Se llama Excalidraw ua-cam.com/video/KjyBL60uFL0/v-deo.html

  • @carlosterrazas8913
    @carlosterrazas8913 11 місяців тому

    puedes hablar y enfocarte en nextjs 14.

    • @FaztCode
      @FaztCode  11 місяців тому

      De hecho es una excelente idea voy a preparar algo pronto

    • @carlosterrazas8913
      @carlosterrazas8913 11 місяців тому

      @@FaztCode unstable_noStore, noStore. generateStaticParams. Gracias

  • @surflaweb
    @surflaweb 11 місяців тому

    Ok

  • @sergiopedraza9619
    @sergiopedraza9619 3 місяці тому

    Casi nada lo que toca aprender 😂😂

  • @opk8843
    @opk8843 11 місяців тому

    ruta de flutter

  • @AXL_R3
    @AXL_R3 11 місяців тому

    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 11 місяців тому +1

    estas on fire sacando contenido! bien ahi!

  • @antsegang
    @antsegang 11 місяців тому

    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