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

En este momento, no solo React está a la altura de su popularidad, sino que su popularidad se está acelerando. En lo que respecta al desarrollo web de JavaScript Programación vs. Desarrollo web: ¿Cuál es la diferencia? 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. Estas son las diferencias clave entre programadores y desarrolladores web. , React es uno de los marcos 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 palmaditas en la espalda: ha tomado una decisión inteligente.

El único problema es que los cursos de React que valen más la pena tienen un alto precio. Por ejemplo, el muy aclamado curso React for Beginners es de $ 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 excelentes y lo ayudarán a comenzar con el pie derecho ¿Qué hace que un buen tutorial de programación? ¿Qué hace 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.. .

1. Curso de Fundamentos de React Training

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

Reaccionar fundamentos se divide en 32 lecciones en video que suman tres horas completas de educación. Aprenderá todo lo que necesita para tener una aplicación React básica en funcionamiento (es decir, el ecosistema React, NPM, Babel y Webpack), los conceptos básicos 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 introducción perfecta, y el hecho de que McGinnis lo ofrezca de forma gratuita es bastante impresionante. Esta debería ser tu primera parada al aprender React.

Sitio web - Curso de React Fundamentals [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 para la web. Puede obtener una versión descargable de 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 los que no les gustan los videos.

Comienza desde el principio, explicando conceptos básicos como JSX y componentes y accesorios, y toma tu mano mientras te gradúas a temas intermedios como estados, enrutamiento, pruebas, linting 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 será Lo suficientemente cómodo como para sentirse seguro y seguir aprendiendo. Como mínimo, sabrás más que suficiente Reaccionar para decidir si gastar dinero en un curso premium avanzado en otro lugar.

Sitio web - Hackear con React

3. El tutorial oficial de React

Se podría pensar que el tutorial oficial debería ser el primer lugar para buscar React, pero personalmente lo encontré un poco demasiado rápido para los novatos completos: suponía mucho más conocimiento que la mayoría de los novatos. Es perfecto si has tenido experiencia previa con otro framework web JavaScript..

Habiendo dicho eso, el tutorial oficial de React Es fantástico una vez que has aprendido los conceptos centrales de React y estás luchando por ponerlos en práctica. Te lleva a través de la creación de una aplicación web tic-tac-toe usando nada más que componentes, accesorios y estado. Se 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 sorprendente cantidad de detalles. En particular, el Pensando en reaccionar La página es como un mini tutorial sobre cómo comprender los modismos que impulsan a React. No tenga miedo de volver a consultar la documentación de React una y otra vez a medida que aprende y crea sus propias aplicaciones.

Sitio web - El tutorial oficial de React y Thinking in React

4. Curso de Fundamentos de Reacción 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 en el sitio, y aunque la mayoría de los cursos son para usuarios premium, Hay cinco disponibles gratis:

• Comience a usar React para crear aplicaciones web
• Agregue enrutamiento a React Apps con React Router v4
• Comenzando con Redux
• Creación de aplicaciones de reacción con Idiomatic Redux
• Administre el estado complejo en React Apps con MobX

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

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

Sitio web - Curso de Fundamentos de Reacción de Egghead

5. Aprenda reaccionar y Redux con cabina

Aunque Redux no es parte del marco principal de React, se usan con tanta frecuencia juntos que realmente debería aprenderlo. E incluso si finalmente te alejas de Redux, puedes llevar los conceptos contigo y aplicarlos a lo 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: instalar Node / React / Webpack, comprender cómo funciona React, incorporar Redux, lidiar con características de redes sociales como feeds y notificaciones, procesar imágenes y filtros como Instagram y más.

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

Sitio web - Aprenda reaccionar y Redux con cabina

6. Curso de reacción de la Academia LearnCode

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 YouTube Los 17 mejores tutoriales de programación de YouTube En 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. . 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 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 realiza 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 marco principal de React, por lo que recomendamos usar este curso como una forma de revisar y consolidar los conceptos aprendidos en los cursos anteriores.

Sitio web - Curso de reacción de la Academia LearnCode

7. La Convención React

Algunos programadores prefieren codificar por convención, es decir, adherirse a un cierto conjunto de decisiones de diseño (“convenciones”) de un proyecto a otro para minimizar la complejidad y acelerar el proceso de desarrollo, particularmente en la etapa inicial de nuevos 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 React y comprender los conceptos básicos de Redux. Este libro electrónico no es para novatos per se. Más bien, es útil para los intermediarios que se sienten abrumados y no están seguros de cómo convertir su conocimiento React / Redux en aplicaciones web desde cero.

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

Sitio web - La Convención Reaccionar

Así que has aprendido Reaccionar: ¿y ahora qué??

Con estos tutoriales en su haber, debe estar más que bien informado para comenzar a hacer sus propias aplicaciones web con React. En este punto, todo lo que queda es practicar, practicar, practicar. Y lo que es particularmente genial es que más tarde puede usar React Native para crear aplicaciones móviles. Para construir una aplicación de Android, necesita aprender estos 7 lenguajes de programación Para construir una aplicación de Android, necesita aprender estos 7 lenguajes de programación ¿Cuál es el lenguaje de programación adecuado para creando aplicaciones de Android? Se trata de tu historial de programación y de los idiomas con los que te sientes más cómodo. Afortunadamente, tienes opciones. - Pero no te adelantes. Quédese con las aplicaciones web hasta que esté seguro.

Va a ser un camino difícil, por lo que recomendamos consultar nuestro artículo sobre cómo aprender a programar sin estrés Cómo aprender a programar sin todo el estrés Cómo aprender a programar sin todo el estrés Tal vez haya decidido continuar con la programación, ya sea por carrera o simplemente como un hobby. ¡Excelente! Pero tal vez estés empezando a sentirte abrumado. No muy bien. Aquí hay ayuda para facilitar su viaje. . El hecho de que estés luchando no significa que no estés hecho para ser un programador. 6 señales de que no estás destinado a ser un programador. 6 señales de que no estás destinado a ser un programador. No todo el mundo está hecho para ser un programador. programador. Si no está completamente seguro de que está destinado a ser un programador, aquí hay algunas señales que pueden indicarle la dirección correcta. !

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ínea Los 11 mejores sitios para cursos gratuitos de programación informática en línea. licenciatura en informática. .

¡Espero que estos tutoriales gratuitos hayan ayudado! Si conoce otros recursos gratuitos de React que nos perdimos, infórmenos en un comentario a continuación.

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