¿Cómo aprender React.js?

Las bases son muy importantes:

HTML: Semántica, etiquetas enfocadas en SEO, rendimiento, pre-loading, pre-fetching, importancia de descarga de recursos, DOM, Shadow DOM, forms y validación de datos, web components.

CSS: Modelo caja, diferentes tipos de layouts, unidades, nuevas reglas de CSS3, diseño adaptable, animaciones, pre-procesadores CSS, devtools.

JavaScript: Conceptos clave: Clousures, prototipos, asincronismo, event loop, debuggear, hoisting, scope, POO, ES6+, Motor de JavaScript, Web APIs, Manipulación del DOM, conocer las diferentes librerías y frameworks que existen.

⚠️

<aside> ☝ Estos son unos de los temas más importantes (para mí) que deberías al menos conocer o estar familiarizado con ellos para poder entrar a aprender React sin problemas.

</aside>

React es una librería progresiva, esto porque puedes hacer desde una página sencilla hasta poder desarrollar aplicaciones gigantes y convertirse en un framework, en conjunto de muchas herramientas que existen a su alrededor.


¿Cuándo usar React.js?

Primero es necesario conocer que tipo de proyecto estás desarrollando. Solamente conociendo los alcances actuales y los futuros podrás tener un panorama completo de las necesidades que vas a cubrir y cuáles son las funciones básicas que debe tener para ser un MVP.

Hay dos flujos de trabajo para crear aplicaciones web.

Modelo en cascada: Cuando cada equipo tiene un tiempo para hacer todo su respectivo trabajo para construir una app. Por ejemplo: el equipo de diseño diseña la aplicación, el de desarrollo programa todo lo diseñado y finalmente se lanza la app recogiendo el feedback de los usuarios y se vuelve a empezar tomando en cuenta lo dicho por los usuarios. Es problemático porque el esfuerzo puede ser en vano porque no se tiene un feedback hasta que se termina de construir la app.

Modelo del ciclo MVP iterativo: Se refiere a que cada equipo se enfocará en ciclos pequeños para construir partes más pequeñas de una app que en conjunto se puedan ir ensamblando para hacer la app completa. Resuelve el problema del modelo anterior, aquí se recibe el feedback al terminar cada pequeño ciclo, recibiendo así el feedback de manera más inmediata que antes.

MVPs: Se refiere a construir funcionalidades pequeñas que sean completas para que podamos lanzarla y medir su impacto y decidir si seguir ese camino o probar otra cosa.

Hay que escoger el problema más crucial que debe resolver la app.

Untitled

Análisis: Componentes y comportamientos