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

En este momento, no solo React está en el apogeo de su popularidad, sino que su popularidad está acelerándose. 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? Podría 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 principales diferencias entre los programadores y los desarrolladores web. Lea más, 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 sólido.

Así que si ha decidido aprenderlo, dése una palmada en la espalda: ha tomado una decisión inteligente.

El único problema es que los cursos React más valiosos vienen con una etiqueta de precio considerable. Por ejemplo, el muy aclamado curso React para principiantes es de $ 89 (versión de inicio) y $ 127 (versión principal). Los cursos gratuitos rara vez son tan completos y útiles, pero hemos encontrado varios que son excelentes y te 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 el tiempo. Esto es lo que debe buscar en un tutorial de programación de calidad. Lee mas .

1. Reactuar Curso de Fundamentos de Formación.

Tyler McGinnis es un conocido desarrollador e instructor de React que lleva años enseñando y escribiendo sobre React. Actualmente tiene cuatro cursos disponibles en React Training, el primero de los cuales es completamente gratuito y sirve como punto de entrada para los demás..

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

Es denso Es informativo Es la introducción perfecta, y el hecho de que McGinnis la ofrezca de forma gratuita es bastante sorprendente. Esta debería ser tu primera parada al aprender React..

Sitio web - Curso de Fundamentos de React

2. Hackear Con Reaccionar.

Hackeando con reaccionar es un libro electrónico que es completamente gratuito, de principio a fin, si lees la versión solo para la web. Puedes obtener una versión descargable de PDF, EPUB o MOBI por $ 10 si prefieres llevarlo contigo 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 sostiene tu mano mientras te gradúas a temas intermedios como estados, enrutamiento, pruebas, alineación y más. Está escrito en ES6 de principio a fin y aprenderá las mejores prácticas a lo largo del camino, incluyendo Babel, Webpack y ESLint..

¿Te hará un experto en React? No pero será Ponerte lo suficientemente cómodo para sentirte seguro y seguir aprendiendo. Como mínimo, sabrá más que suficiente Reaccionar para decidir si gastar dinero en un curso premium avanzado en otro lugar.

Sitio web - Hackeando con reaccionar

3. El tutorial oficial de React

Usted pensaría que el tutorial oficial debería ser el primer lugar para aprender a reaccionar, pero personalmente lo encontré un poco demasiado rápido para los novatos completos: asumió que tenía mucho más conocimiento que el que tienen la mayoría de los novatos. Es perfecto si has tenido experiencia previa con otro marco web de JavaScript..

Habiendo dicho eso, el tutorial oficial de React es fantástico una vez que has aprendido los conceptos básicos de React y estás luchando para ponerlos en práctica. Te lleva a través de la creación de una aplicación web de tic-tac-toe que utiliza 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 la documentación oficial de React, lo que explica cada detalle de React con sorprendente cantidad de detalles. En particular, la Pensando en Reaccionar La página es como un mini-tutorial sobre cómo captar los modismos que impulsan a React. No tenga miedo de consultar la documentación de React una y otra vez a medida que aprende y cree sus propias aplicaciones..

Sitio web - El tutorial oficial de React y el pensamiento en React

4. Curso de Fundamentos de Reacción de Egghead

Intelectual ofrece docenas de cursos (cientos de lecciones) sobre diversos 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 utilizar React para crear aplicaciones web
• Agregue enrutamiento para reactivar aplicaciones usando React Router v4
• Empezando con Redux
• Creación de aplicaciones de reacción con Redux idiomático
• Gestione el estado complejo en React Apps con MobX

Los dos primeros son los más importantes, pero probablemente querrá tomarlos todos en algún momento (óptimamente 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 estás 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 aprende. Estos consejos pueden ayudarlo a conservar mejor toda la información nueva. Lee mas .

Tenga en cuenta que los cursos premium también son muy buenos y vale la pena echarle 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. Aprender React y Redux con Cabina

Aunque Redux no es parte del marco de trabajo principal de React, se usan tan a menudo juntos que realmente deberías aprenderlo. E incluso si finalmente se aleja de Redux, puede llevar los conceptos con usted y aplicarlos a cualquier cosa que termine 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, tratar con funciones de redes sociales como feeds y notificaciones, procesar imágenes y Filtros como Instagram, y más..

La última parte es un resumen de “mejores prácticas” que no solo le enseña la forma más efectiva de usar y organizar React / Redux, sino también los errores comunes que debe 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 - Aprende React 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. Todo esto es suficiente 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 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, incluyendo ES6 y Webpack.

Tenga en cuenta que este no es un curso integral, y Flux y Redux son conceptos avanzados que no forman parte del marco central de React, por lo que recomendamos utilizar 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 determinado conjunto de decisiones de diseño (“convenciones”) de proyecto en proyecto para minimizar la complejidad y acelerar el proceso de desarrollo, particularmente en la etapa temprana 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 debería 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 los novatos en sí. Más bien, es útil para 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 futuros proyectos, no tendrá que perder tiempo recreando todo.

Sitio web - La convención reactiva

Así que has aprendido reaccionar: ahora qué?

Con estos tutoriales en su haber, debe tener el conocimiento suficiente para comenzar a crear sus propias aplicaciones web con React. En este punto, todo lo que queda es practicar, practicar, practicar. Y lo que es particularmente bueno es que más tarde puede usar React Native para crear aplicaciones móviles para crear una aplicación de Android. Debe aprender estos 7 lenguajes de programación Para construir una aplicación de Android, necesita aprender estos 7 lenguajes de programación. creando aplicaciones de Android? Todo se reduce a su historial de programación y a qué idiomas se siente más cómodo usando. Afortunadamente, tienes opciones. Lee más, pero no te adelantes. Quédate con las aplicaciones web hasta que estés seguro.

Va a ser un camino difícil, por lo que recomendamos consultar nuestro artículo sobre cómo 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 para un Carrera o simplemente como un hobby. ¡Genial! Pero tal vez estás empezando a sentirte abrumado. No muy bien. Aquí hay ayuda para facilitar su viaje. Lee mas . El hecho de que esté luchando no significa que no esté hecho para ser programador. 6 Signos de que no se pretende que sea un programador. 6 Signos de que no está destinado a ser programador. No todos están hechos para ser un programador. programador. Si no está completamente seguro de estar destinado a ser un programador, aquí hay algunas señales que pueden indicar 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. 11 Mejores sitios para los cursos gratuitos de programación en línea. 11 Mejores sitios para los cursos gratuitos de programación en línea. En estos días, puede convertirse en un programador maestro sin tener que obtener un título tradicional en informática. ¿Dónde están todos estos excelentes recursos de aprendizaje, preguntas? Gran pregunta Sigue leyendo y te lo mostraremos. Lee mas .

Esperemos que estos tutoriales gratuitos ayudaron! Si conoce otros recursos de React gratuitos que no pudimos ver, háganoslo saber en un comentario a continuación..

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

Explora más sobre: ​​Cursos en línea, Programación.