Ruta para Aprender React en 2024 (React Roadmap)

Ғылым және технология

- 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

Пікірлер: 96

  • @FaztCode
    @FaztCode3 ай бұрын

    - 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

    2 ай бұрын

    me podrias compartir el roadmap ?

  • @mastermaster153
    @mastermaster1533 ай бұрын

    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
    @UskoKruM20103 ай бұрын

    ¡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
    @jonathandajome6903 ай бұрын

    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

    3 ай бұрын

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

  • @JohanCacerez
    @JohanCacerez3 ай бұрын

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

  • @kevinmanuelm01
    @kevinmanuelm013 ай бұрын

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

  • @omargonzalez3906
    @omargonzalez39063 ай бұрын

    estas on fire sacando contenido! bien ahi!

  • @derrbass
    @derrbass3 ай бұрын

    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.

  • @danielpacevedo4955
    @danielpacevedo49553 ай бұрын

    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!

  • @oh-vito
    @oh-vito14 күн бұрын

    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.

  • @jorgenunezlopez8053
    @jorgenunezlopez80533 ай бұрын

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

  • @user-ko1cw6mv4q
    @user-ko1cw6mv4q3 ай бұрын

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

  • @jairocolondev
    @jairocolondev3 ай бұрын

    Buenísimo Fazt, gracias 🙌🏼🔥

  • @arnoldtorres3375
    @arnoldtorres33753 ай бұрын

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

  • @MixterixSeven
    @MixterixSeven3 ай бұрын

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

  • @sol____-_-
    @sol____-_-3 ай бұрын

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

  • @rommel0563
    @rommel05633 ай бұрын

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

  • @risbelsuarezrodriguez9608
    @risbelsuarezrodriguez96083 ай бұрын

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

  • @leandrodevaronarodriguez-dx5vb
    @leandrodevaronarodriguez-dx5vb3 ай бұрын

    Gracias por el vídeo.

  • @conradohernanvillagil2764
    @conradohernanvillagil27643 ай бұрын

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

  • @SonGoku-pc7jl
    @SonGoku-pc7jl3 ай бұрын

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

  • @antsegang
    @antsegang3 ай бұрын

    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

  • @AlguienllamadoYi
    @AlguienllamadoYi3 ай бұрын

    Gracias Fazt, empezaré React seriamente 💪

  • @albertonavarroperez3686
    @albertonavarroperez36863 ай бұрын

    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

  • @Hackeandomivida
    @Hackeandomivida3 ай бұрын

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

  • @coff3andprograming
    @coff3andprograming3 ай бұрын

    Me encantan este tipo de videos😮

  • @dajurino
    @dajurino3 ай бұрын

    el roadmap esta increible gracias por este video

  • @mimi7u7
    @mimi7u73 ай бұрын

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

  • @johangarcia5057
    @johangarcia50572 ай бұрын

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

  • @cdvillarreal
    @cdvillarreal3 ай бұрын

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

  • @JavierGopar
    @JavierGopar3 ай бұрын

    Hola, y en tu ruta donde entraria NextJs?

  • @davidvasquez4949
    @davidvasquez49493 ай бұрын

    Si estaria bueno ver el roadmap de backend

  • @yeffermorenorobledo5160
    @yeffermorenorobledo51602 ай бұрын

    Hola, como se llama donde estas pintando y escribiendo ?

  • @aaguilar.c7
    @aaguilar.c72 ай бұрын

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

  • @alexandervaqueroaquino5695
    @alexandervaqueroaquino56953 ай бұрын

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

  • @arielangelsantillanreyna2947
    @arielangelsantillanreyna29473 ай бұрын

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

  • @user-ic9nw2oi7h
    @user-ic9nw2oi7h2 ай бұрын

    Muchas gracias por los videos

  • @bthcosmoff2821
    @bthcosmoff28213 ай бұрын

    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?

  • @RoberthSilva7
    @RoberthSilva73 ай бұрын

    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

  • @damianvegapolanco7800
    @damianvegapolanco78002 ай бұрын

    Brooo excelente video, seria bueno uno de fullstack.

  • @andryos5145
    @andryos51452 ай бұрын

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

  • @JavierGonzalez-cl6pu
    @JavierGonzalez-cl6pu2 ай бұрын

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

  • @wilgm211
    @wilgm2113 ай бұрын

    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.

  • @agustinmolina1027
    @agustinmolina10273 ай бұрын

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

  • @rogelioperezmena3460
    @rogelioperezmena34603 ай бұрын

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

  • @cessruizaltamirano1244
    @cessruizaltamirano12442 ай бұрын

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

  • @carlosfedev
    @carlosfedev3 ай бұрын

    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 KZread 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

    3 ай бұрын

    Pedir pedir y pedir...

  • @carlosfedev

    @carlosfedev

    3 ай бұрын

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

  • @malp3rder
    @malp3rder3 ай бұрын

    buenísimo!

  • @irtormxd6842
    @irtormxd68423 ай бұрын

    ¿Podrías hacer un curso nuevo de angular?

  • @AXL_R3
    @AXL_R33 ай бұрын

    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.

  • @IgnisMauro
    @IgnisMauro3 ай бұрын

    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

    3 ай бұрын

    Muy pronto voy a crear un roadmap para Python

  • @jairomoreno3902
    @jairomoreno39023 ай бұрын

    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

    3 ай бұрын

    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

  • @valentinfeller121
    @valentinfeller1213 ай бұрын

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

  • @magdielramirez649
    @magdielramirez64916 күн бұрын

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

  • @FaztCode

    @FaztCode

    16 күн бұрын

    aqui esta: kzread.info/dash/bejne/nnifktZpqZe6d84.html

  • @koekun5817
    @koekun58173 ай бұрын

    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

    3 ай бұрын

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

  • @danielmar555
    @danielmar5553 ай бұрын

    Si queremos el react roadmap full stack

  • @stevenalvarado101
    @stevenalvarado1012 ай бұрын

    Y Next.js?

  • @kevinfuentes5018
    @kevinfuentes50182 ай бұрын

    Puedes hacer uno de Django por favor

  • @cpiprodesign
    @cpiprodesign3 ай бұрын

    Rodmap de vuejs por favor 🙏

  • @ellias_mb
    @ellias_mb3 ай бұрын

    SOS UN CAPO

  • @thevenrexoficial869
    @thevenrexoficial8693 ай бұрын

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

  • @FaztCode

    @FaztCode

    3 ай бұрын

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

  • @edgardomolinagonzalez3121
    @edgardomolinagonzalez31213 ай бұрын

    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

    3 ай бұрын

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

  • @haroldev-69
    @haroldev-69Ай бұрын

    de angular para cuando

  • @kevinmanuelm01
    @kevinmanuelm013 ай бұрын

    Que herramienta estas usando para escribir y dibujar ?

  • @FaztCode

    @FaztCode

    3 ай бұрын

    Se llama Excalidraw kzread.info/dash/bejne/fZ6tpK5vYNisfJM.html

  • @Pako_Pod
    @Pako_Pod3 ай бұрын

    cual es la pagina donde haces esas anotaciones? saludos bro

  • @FaztCode

    @FaztCode

    3 ай бұрын

    Se llama Excalidraw kzread.info/dash/bejne/fZ6tpK5vYNisfJM.html

  • @Alejandro-yc1hr
    @Alejandro-yc1hr3 ай бұрын

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

  • @FaztCode

    @FaztCode

    3 ай бұрын

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

  • @enzocodes
    @enzocodes3 ай бұрын

    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

  • @elgrego3849
    @elgrego38493 ай бұрын

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

  • @FaztCode

    @FaztCode

    3 ай бұрын

    Excalidraw

  • @edarcode8124
    @edarcode81243 ай бұрын

    saludos! como se llama la pizarra ?

  • @FaztCode

    @FaztCode

    3 ай бұрын

    Se llama Excalidraw kzread.info/dash/bejne/fZ6tpK5vYNisfJM.html

  • @emanuel22223
    @emanuel222233 ай бұрын

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

  • @FaztCode

    @FaztCode

    3 ай бұрын

    Es un video de fondo que colocó el editor

  • @guilledmo4266
    @guilledmo42663 ай бұрын

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

  • @rayanbalbuena8165
    @rayanbalbuena81653 ай бұрын

    Espero el roadmap de Backend. 😊

  • @FaztCode

    @FaztCode

    3 ай бұрын

    Aquí lo dejo :) Roadmap de Desarrollo Web Backend en 2024 kzread.info/dash/bejne/nnifktZpqZe6d84.html

  • @rayanbalbuena8165

    @rayanbalbuena8165

    3 ай бұрын

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

  • @surflaweb
    @surflaweb3 ай бұрын

    Ok

  • @carlosterrazas8913
    @carlosterrazas89132 ай бұрын

    puedes hablar y enfocarte en nextjs 14.

  • @FaztCode

    @FaztCode

    2 ай бұрын

    De hecho es una excelente idea voy a preparar algo pronto

  • @carlosterrazas8913

    @carlosterrazas8913

    2 ай бұрын

    @@FaztCode unstable_noStore, noStore. generateStaticParams. Gracias

  • @opk8843
    @opk88433 ай бұрын

    ruta de flutter

  • @omargonzalez3906
    @omargonzalez39063 ай бұрын

    estas on fire sacando contenido! bien ahi!

Келесі