¿Dónde debería comenzar al estudiar React.js?

En general, mi respuesta se basa en mi experiencia personal.
TENGA EN CUENTA: esa pregunta se publicó originalmente en 2015, pero en 2016 se reformulará a “¿Cuál es el mejor lugar para aprender React.js y REDUX?”

Sobre el proceso de ser productivo en REACT.JS:

1) Aprender solo ReactJS no tiene sentido en 2016

En general, React debe combinarse con Redux para hacer una aplicación funcional de una sola página, de la manera correcta (u otras soluciones similares como MobX o CerebralJS).

Cuando aprender solo React tiene sentido? Cuando tiene una aplicación Angular / Ember / etc. donde desea agregar un solo componente React, no veo otros casos de uso en los que aprenderá solo React.

2) Puedes ser productivo en menos de 7 días

¿Tiene experiencia en la creación de aplicaciones web en otras tecnologías como jQuery / Angular, etc.? Luego, en la mayoría de los casos, será productivo y contratable en React + Redux en menos de 7 días si sigue las instrucciones sobre cómo aprenderlo, a continuación.

3) ¿Qué necesita saber sobre EcmaScript 6 (ES6) y JavaScript?

Temas y recursos que pueden ayudarlo a dominar su base antes de aprender React:

  • Funciones de orden superior
  • Arreglos JavaScript en profundidad (Mapa)
  • Reducir datos con matriz de Javascript
  • Cierres
  • Zurra
  • Recursividad
  • Promesas
  • Sintaxis ES6 / ES7

La lista completa con enlaces a videos y recursos en línea está disponible en: React Redux, the Right Way. Libro Gratis, Blog y Tutorial

NO pierda tiempo para aprender Reaccionar si no está familiarizado con los conceptos enumerados: domínelos y dará sus frutos a largo plazo. Para ser exactos aquí: quiero decir que debe tener una buena base de JavaScript / ES6 / conocimiento DOM del navegador de antemano comenzando con React .

TODOS LOS MATERIALES DE APRENDIZAJE enumerados en ese artículo son 100% GRATUITOS.

POR QUÉ Y DÓNDE APRENDER REACT

Por qué aprender React, puedes encontrar en las otras respuestas de Quora como:

  • ¿Debo aprender React o AngularJS?
  • o ¿React está matando a Angular?

¿DÓNDE aprender las mejores prácticas de React que se utilizan en 2016?

Vea la serie de videos GRATIS React Fundamentals en egghead: React Fundamentals
– Curso de @joemaddalone

Esta serie de videos le mostrará qué es React y cómo funciona. Eso será suficiente en este punto para comprender los conceptos básicos de ES6 React.

NOTA IMPORTANTE: cuando vea esta serie de videos React, esté activo y confirme el código para que aprenda mucho más haciendo que solo mirando pasivamente. Después de eso, no pierda tiempo y dinero en otros materiales pagados, no vale la pena en este momento. Aprenda de otros materiales gratuitos enumerados a continuación.

Basado en esa serie de videos de React Fundamentals, crea tu primera aplicación React:

  • mi oportunidad es que puedes intentar crear la aplicación ToDo (puedes encontrar un buen tutorial en React Tutorial (con Webpack + ES6): crea una aplicación ToDo con las mejores prácticas, pero te sugiero que lo hagas por tu cuenta primero y en caso de problemas, siga los tuts).

POR QUÉ Y DÓNDE APRENDER REDUX

¿Por qué usar React en conjunto con Redux? Como analogía para principiantes, me gusta usar el SQL. Redux le brinda mucha comodidad sobre React simple en términos de almacenamiento de datos en el front-end. Es como una base de datos SQL de su aplicación del lado del cliente (no literalmente, solo una analogía). Con Redux, puede consultar SELECCIONAR, INSERTAR y ACTUALIZAR los datos en su árbol de estado único.

Redux tiene las siguientes ventajas:

1) Redux es más fácil de entender que el enfoque FLUX singleton (no se preocupe por FLUX en 2016, se usó en 2014-2015)

2) Tiene un fuerte apoyo de la comunidad y el creador de Redux (Dan Abramov) se ha convertido en parte del equipo React de FB

3) Redux es potente porque usa la inmutabilidad como valor predeterminado y es muy útil si necesita implementar la representación del lado del servidor (aplicación isomorphic javascript)

¿DÓNDE aprender las mejores prácticas de React + Redux que se utilizan en 2016?

1) Dan Abramov ha preparado una serie de videos que están disponibles en:

Comenzando con Redux
– Curso de @dan_abramov

2) Una vez que haya terminado esa serie de videos, debe practicar más con React Redux y luego usar este libro gratuito y en línea ReactJS Convention For Dummies (React Redux, the Right Way. Free Book, Blog and Tutorial) que lo guía a través de :

  • Estructura general de la base de código del cliente de React Convention
  • Hacer nueva ruta de tablero
  • Agregar / editar elemento en la lista del tablero
  • Reordenar un elemento en la lista del tablero (ejemplo puro Reaccionar arrastrar y soltar)
  • Iniciar sesión con datos simulados (front-end)

Después de realizar esas funciones siguiendo los pasos del libro de la Convención ReactJS, puede estar seguro de sus habilidades de React Redux.

Un resumen: basado en seguir todos esos pasos cuidadosamente, puede estar seguro de que tendrá habilidades valiosas en el mercado laboral. Como ya dije, le tomará alrededor de 7 días si ya está familiarizado con JavaScript.

Buena suerte en encontrar el trabajo de tus sueños Reaccionar 🙂

PD: no olvides seguirme en Quora 😉: solo respuestas relacionadas con la tecnología y la programación. Cero pérdida de tiempo o BS.

Tengo una teoría

La mejor manera de dominar una nueva habilidad es seguir al 1% de las personas más importantes. No pierdas el tiempo con el 99% restante.

Aquí hay dos libros escritos por los principales desarrolladores de JavaScript al 1%:

  1. JavaScript elocuente Necesita JavaScript maestro al principio
  2. survivejs / react-book Compruebe el perfil del autor bebraw (Juho Vepsäläinen), vea qué tan bueno es

Vi que Udacity lanzó recientemente React nanodegree. A juzgar por otros cursos que tomé allí, ofrecen contenido de muy alta calidad.

Pero aprendí React solo mirando varios tutoriales y ejemplos (como TodoMVC). Lo mejor de React es que es sencillo en comparación con la mayoría de los otros frameworks.

Y podría escapar incluso sin Redux, aunque se recomienda para proyectos más grandes y complejos. Aún así, he construido dos SPA con React y sin Redux, usando solo un patrón de repositorio. Lo considero bastante comprensible y mantenible, aunque trabajé solo en estos proyectos.

Siga adelante y lea sobre los principios fundacionales de React y luego podrá construir SPAs simples comenzando con andamios estándar. Para cosas realmente complejas necesitarás Redux para mantener las cosas cuerdas y modulares.

Los tutoriales mencionados son buenos, pero si eres el tipo de persona que aprende mejor simplemente sumergiéndote y construyendo algo, echaré un vistazo a la herramienta Create-React-App.

Es muy fácil comenzar, porque el sistema de compilación (Webpack y Babel) ya está configurado bajo el capó, por lo que puede comenzar a crear componentes React y tener una idea de cómo funcionan.

Simplemente vaya a youtube, busque “tutoriales reactjs”. Asegúrate de elegir los que has subido recientemente (tal vez después de enero de 2016).

Aquí hay una buena serie de videos que me gustaron: