React, hoy en dia es un framework muy conocido para hacer front, hay muchos cursos, videos, articulos(like this one), preguntas en StackOverflow, lo que necesites. Creo que la parte dificil es entre tantas cosas por donde encarar, sobre todo al inicio, hasta que descubrimos que nossirve, por eso queria compartir como hice/haria yo para aprender React y cositas que considero utiles.

Necesario, antes de ver React esta bueno conocer estos lenguajes, haber hecho un par de proyectitos para practicar.

Hasta donde? Hasta que te sientas comodo, por ejemplo, podes empezar con React sin saber html accesible y con buen nivel de SEO, con tal de que sepas las partes de un documento, los tags mas comunes(a, div, h, p, button, input), como y para que se usan las propiedades de los tags.

Aca tenes que conocerte, porque se puede aprender react sabiendo html, css y js basico, pero el tema es que a la par que aprendes react tenes que parar, repasar conceptos, pelearte contra algo que no sabias. En mi caso aprendi react con una base tranqui de html, css y js y a la par que iba con react tuve que aprender lo que me faltaba. El tiempo es el mismo,o profundizas en html, css y js antes o a la par, entonces toca ver si te sentis mas comodo yendo por partes o todo junto.

Particularmente con respecto a js, aca hay dos articulos, que hablan sobre que necesitas saber de javascript para empezar con react:

Esta bueno seguir un orden, son muchos conceptos para ver, encima hoy en dia hay un monton de videos llamativos tipo “como conectarte con tal api”, “como hacer un chat con react”, hay tutoriales de todo y por ahi uno que esta empezando va abriendo videos random, no terminandolos y eso nos puede dar una mala sensacion.

Entonces lo que yo recomiendo es partir en base a un roadmap. Tengo dos alternativas para compartirte.

En mi caso fui por la opcion de roadmap.sh, esta muy bueno porque estan los distintos conceptos, separados por niveles. A mi me sirvio ir tomando de a dos/tres e ir haciendo proyectitos con esos temas. Ejemplo: esta semana toca crear mi primer app con react, voy a investigar que es JSX, para que sirve y sobre Componentes. Eso ya esta bien, es tomar pocos temas, entenderlos bien para seguir con otros y asi vas notando tu progreso.

Tengo una foto de cuando yo estaba aprendiendo react, literalmente le saque captura e iba tachando con paint lo que ya habia visto. Despues, en un momento deje de hacerlo jajajaj

Sirve mucho tener un lugar en donde ver tu progreso, porque cada tema que vas tachando suma, sino a veces sentis que no avanzaste nada.

Tambien, aca hay un hilo de twitter sobre como aprender React, en donde tambien va paso a paso.

En el durante hay que prestarnos atencion, ir viendo de que modo nos gusta aprender, si seguir tutoriales de youtube, si leer muchos articulos con respecto a los topicos que estamos viendo, con la documentacion, o siemplemente haciendo proyectitos.

Esta bueno escuchar como otra gente lo hizo y tomarlo como referencia, darle una oportunidad, pero no hay que forzarnos a “si tal persona hizo este curso y aprendio React en n meses yo tambien tengo que hacerlo asi” y despues nos frustramos porque quizas no nos gusta ver cursos. Por ejemplo, yo no puedo ver cursos, hago dos videos y ya me aburri, necesito leer sobre un concepto y aplicarlo practicamente, chocarme contra errores y googlear sobre eso.

Entonces, es importante darte bola en este aspecto, ver como te sentis comodo y como sentis que progresas.

No tengo un curso tipo aprende React desde cero a pro para recomendar, mas bien tengo links que me parece que tienen buen contenido o explican bien ciertos temas y te pueden ser utiles.

La documentacion oficial de React. Quizas suena medio aburrido, pero muchas veces he aprendido conceptos directo desde la docu de React y me parece no esta mal tenerla en cuenta.

Particularmente comparto este articulo “Pensando en React”, en donde habla sobre como pensar en react (xd), digamos, como analizar un diseño o informacion que necesitas representar y llevar eso a codigo de React

Un cursito. Este curso es muy bueno para empezar, su autor es alguien que sabe bastante de React y explica bien, asi que recomendado el curso.

Ademas, tiene un blog en donde escribe sobre topicos importantes relacionados a React/Desarrollo web.

Un par de cursitos mas. Por un lado esta el curso de fullstackopen, que es un curso de fullstack, pero se puede tomar solo la parte de React.

Y aca hay una playlist en donde midudev, un creador de contenido relacionado a la programacion muy conocido, va siguiendo este curso.

Esta bueno hacer proyectos para practicar, ver cursos/videos para entender los distintos temas pero despues llevar eso a la practica es lo que termina afianzando el conocimiento. A veces es dificil buscar en donde implementar esto, o buscar ideas que no sean aburridas o super largas.

Para esto hay paginas que proponen challenges, que tienen distintos niveles y son variados, podes elegir de ahi y vas teniendo paginas para agregar a tu portfolio.

Algunas de estas son:

Tambien esta bueno tener presente que podes conseguir ayuda si te trabas con un tema o si no podes sacar algo. En la programacion es normal que para solucionar algo tenes que googlear por una banda de tiempo y es darle y darle hasta que sale. Pero al inicio es dificil acostumbrarse a eso y puede ser un poco agobiante.

Por donde te podes apoyar en casos asi?

1. Mentorias, en el Discord de FrontendCafé dan mentorias, gratis, sobre diversos temas. Podes sacar una mentoria por si no sabes por donde seguir aprendiendo o como programar tal cosa. Aca esta el link: https://frontend.cafe/mentorias
2. Canales de discord, tambien, en el Discord de FrontendCafé hay canales para consultas tecnicas en donde vos podes dejar tu duda y otras personas te tiran posibles soluciones, ideas. Incluso si hay algo que vos ya conoces por ahi podes ayudar a otras personas con sus dudas.