Los 7 mejores tutoriales gratuitos para aprender a reaccionar y crear aplicaciones web

Anuncio publicitario

En este momento, React no solo está en el apogeo de su popularidad, sino que su popularidad se está acelerando. Hasta El desarrollo web de JavaScript está preocupado Programación vs. Desarrollo web: ¿Cuál es la diferencia?Puede pensar que los programadores de aplicaciones y los desarrolladores web hacen el mismo trabajo, pero eso está lejos de la verdad. Aquí están las diferencias clave entre programadores y desarrolladores web. Lee mas , React es uno de los frameworks más fáciles de aprender y uno de los más efectivos para un desarrollo rápido y robusto.

Entonces, si ha decidido aprenderlo, dése una palmadita en la espalda: ha tomado una decisión inteligente.

El único problema es que la mayoría de los cursos de React que valen la pena tienen un precio elevado. Por ejemplo, el aclamado Curso Reaccionar para principiantes cuesta $ 89 (versión inicial) y $ 127 (versión maestra). Los cursos gratuitos rara vez son tan completos y útiles, pero hemos encontrado varios que son

excelente y te ayudará a comenzar con el pie derecho ¿Qué hace que un buen tutorial de programación?No todos los tutoriales de programación son iguales. Algunos te benefician y otros terminan perdiendo tu tiempo. Esto es lo que debe buscar en un tutorial de programación de calidad. Lee mas .

1. Curso de fundamentos de React Training

Tyler McGinnis es un conocido desarrollador e instructor de React que ha estado enseñando y escribiendo sobre React durante años. Actualmente tiene cuatro cursos disponibles sobre React Training [Ya no está disponible], el primero de los cuales es completamente gratuito y sirve como punto de entrada para los demás.

React Fundamentals se divide en 32 lecciones en video que suman tres horas completas de educación. Aprenderá todo lo que necesita para poner en funcionamiento una aplicación React básica (es decir, ecosistema React, NPM, Babel y Webpack), los conceptos centrales y el ciclo de vida que impulsan las aplicaciones React, cómo escribir componentes correctamente y cómo pasar datos alrededor.

Es denso. Es informativo. Es la presentación perfecta, y el hecho de que McGinnis la ofrezca gratis es bastante asombroso. Esta debería ser tu primera parada cuando aprendas React.

Sitio web - Curso de conceptos básicos de React [ya no está disponible]

2. Hackear con React

Hackear con React es un libro electrónico que es completamente gratuito, de principio a fin, si lee la versión solo web. Puede obtener una versión descargable en PDF, EPUB o MOBI por $ 10 si prefiere llevársela y aprender sin conexión. De cualquier manera, es un recurso increíble para principiantes a quienes no les gustan los videos.

Comienza desde el principio, explicando conceptos básicos como JSX y componentes y accesorios, y te toma de la mano mientras te gradúas en temas intermedios como estados, rutas, pruebas, pelusa y más. Está escrito en ES6 de principio a fin y aprenderá las mejores prácticas a lo largo del camino, incluidos Babel, Webpack y ESLint.

¿Te convertirá en un experto en React? No, pero es voluntad conseguir que se sienta lo suficientemente cómodo como para sentirse seguro y seguir aprendiendo. Como mínimo, sabrá React más que suficiente para decidir si gastar dinero en un curso premium avanzado en otro lugar.

Sitio web — Hackear con React

3. El tutorial oficial de React

Pensarías que el tutorial oficial debería ser el primer lugar para buscar para aprender React, pero yo personalmente lo encontré un poco demasiado rápido para los novatos completos: asumía mucho más conocimiento que la mayoría los novatos tienen. Es perfecto si ha tenido experiencia previa con otro marco web de JavaScript.

Habiendo dicho eso, el tutorial oficial de React es fantástico una vez que ha aprendido los conceptos básicos de React y está luchando por ponerlos en práctica. Lo lleva a través de la creación de una aplicación web de tic-tac-toe usando nada más que componentes, accesorios y estado. Cierra la brecha entre la teoría abstracta y la aplicación práctica.

También recomiendo revisar el documentación oficial de React, que explica cada parte de React con una sorprendente cantidad de detalles. En particular, el Pensando en reaccionar es como un mini-tutorial sobre cómo comprender los modismos que impulsan a React. No tenga miedo de consultar la documentación de React una y otra vez mientras aprende y crea sus propias aplicaciones.

Sitio web — El tutorial oficial de React y Pensando en reaccionar

4. Curso de Fundamentos de React de Egghead

Intelectual ofrece docenas de cursos (cientos de lecciones) sobre varios temas de desarrollo web: JavaScript, Angular, React, RxJS, Node, TypeScript, etc. React es el tercer tema más importante del sitio y, aunque la mayoría de los cursos son para usuarios premium, hay cinco disponibles de forma gratuita:

• Comience a usar React para crear aplicaciones web
• Agregue enrutamiento para React Apps usando React Router v4
• Empezando con Redux
• Construyendo aplicaciones React con Idiomatic Redux
• Administrar estados complejos en aplicaciones React con MobX

Los dos primeros son los más importantes, pero probablemente querrá tomarlos todos en algún momento (de manera óptima en el orden indicado). Los cursos asumen que ya sabes JavaScript, así que echa un vistazo a los cursos de JavaScript de Egghead. si aún no se siente cómodo con el idioma 7 trucos útiles para dominar un nuevo lenguaje de programaciónEstá bien sentirse abrumado cuando está aprendiendo a codificar. Probablemente olvidará las cosas tan rápido como las aprenda. Estos consejos pueden ayudarlo a retener mejor toda esa nueva información. Lee mas .

Tenga en cuenta que los cursos premium también son bastante buenos, y vale la pena revisarlos si puede pagar la suscripción Pro: $ 40 por mes o $ 200 por año.

Sitio web — Curso de Fundamentos de React de Egghead

5. Aprenda React y Redux con Cabin

Aunque Redux no es parte del marco principal de React, se usan juntos con tanta frecuencia que realmente debería aprenderlo. E incluso si finalmente te alejas de Redux, puedes llevarte los conceptos contigo y aplicarlos a lo que sea que termines usando en su lugar.

Cabina es una serie de tutoriales de 10 partes que le enseñará cómo crear una aplicación de red social simplificada desde cero: instalación de Node / React / Webpack, comprensión cómo funciona React, incorporando Redux, manejando funciones de redes sociales como feeds y notificaciones, procesando imágenes y filtros como Instagram, y más.

La última parte es una descripción general de las "mejores prácticas" que no solo le enseña la forma más efectiva de usar y organizar React / Redux, sino también errores comunes que se deben evitar, cómo diseñar una aplicación escalable y cómo usar herramientas de terceros para facilitar su desarrollo flujo de trabajo.

Sitio web — Aprenda React y Redux con Cabin

6. Curso React de LearnCode Academy

En los últimos años, Academia LearnCode se ha distinguido como uno de los mejores canales de programación en YouTube Los 17 mejores tutoriales de programación de YouTubeEn esta publicación, nos gustaría señalarle algunas de las mejores series de programación de YouTube que hemos encontrado. Todos estos son suficientes para mojarse los pies como programador novato. Lee mas . Se especializó en desarrollo web y cubre todo tipo de temas que van desde HTML, CSS y JavaScript hasta marcos específicos como Angular y React. Y todo es gratis.

El curso se divide en tres secciones: ocho videos sobre los conceptos básicos de React, seis videos sobre el uso de Flux para la arquitectura de datos y siete videos sobre el uso de Redux para administrar el estado. Todo esto se hace utilizando prácticas actualizadas, incluidos ES6 y Webpack.

Tenga en cuenta que este no es un curso completo, y Flux y Redux son conceptos avanzados que no forman parte del núcleo React framework, por lo que recomendamos usar este curso como una forma de revisar y consolidar los conceptos aprendidos en los cursos anteriores.

Sitio web — Curso React de LearnCode Academy

7. La Convención React

Algunos programadores prefieren codificar por convención, es decir, adherirse a un determinado conjunto de decisiones de diseño ("convenciones") de proyecto a proyecto para minimizar la complejidad y acelerar el proceso de desarrollo, particularmente en la etapa inicial de nuevo proyectos. Este libro electrónico en línea tiene como objetivo presentar un tipo de convención que los desarrolladores de React pueden seguir.

Sin embargo, antes de sumergirse en esto, ya debe estar bien versado en ES6, sentirse cómodo con el marco de React y comprender los conceptos básicos de Redux. Este libro electrónico no es para principiantes en sí. Más bien, es útil para los intermediarios que se sienten abrumados y no están seguros de cómo convertir su conocimiento de React / Redux en aplicaciones web desde cero.

El tutorial comienza con un proyecto de kit de inicio y le muestra cómo modificarlo. Si sigue esta convención en proyectos futuros, no tendrá que perder el tiempo recreando todo.

Sitio web — La Convención React

Así que ha aprendido a reaccionar: ¿y ahora qué?

Con estos tutoriales en su haber, debería tener el conocimiento suficiente para comenzar a crear sus propias aplicaciones web con React. En este punto, todo lo que queda es practicar, practicar y practicar. Y lo que es particularmente interesante es que luego puedes usa React Native para crear aplicaciones móviles Para crear una aplicación de Android, necesita aprender estos 7 lenguajes de programación¿Qué lenguaje de programación es el adecuado para crear aplicaciones de Android? Todo se reduce a tu historial de programación y a qué idiomas te sientes más cómodo usando. Afortunadamente, tienes opciones. Lee mas - pero no se adelante. Quédese con las aplicaciones web hasta que se sienta seguro.

Va a ser un camino difícil, por lo que le recomendamos que consulte nuestro artículo sobre aprender a programar sin estrés Cómo aprender a programar sin todo el estrésTal vez hayas decidido dedicarte a la programación, ya sea para una carrera o simplemente como un pasatiempo. ¡Excelente! Pero tal vez empiece a sentirse abrumado. No muy bien. Aquí tiene ayuda para facilitar su viaje. Lee mas . El hecho de que estés luchando no significa no estás hecho para ser programador 6 señales de que no estás destinado a ser programadorNo todo el mundo está hecho para ser programador. Si no está completamente seguro de que está destinado a ser programador, aquí hay algunas señales que pueden indicarle la dirección correcta. Lee mas !

Para obtener más información, consulte los mejores cursos por los que vale la pena pagar en Coursera Los 11 mejores sitios para cursos gratuitos de programación informática en líneaCon estos cursos gratuitos de programación de computadoras en línea, puede convertirse en un gran codificador sin un título en ciencias de la computación. Lee mas .

¡Esperamos que estos tutoriales gratuitos te hayan ayudado! Si conoce algún otro recurso gratuito de React que nos perdimos, háganoslo saber en un comentario a continuación.

Crédito de la imagen: guteksk7 a través de Shutterstock.com