Curso React Online

React es una librería open source de JavaScript orientada al desarrollo de interfaces de usuario. Lanzada en 2013 por Facebook, hoy en día se ha convertido en una tecnología front-end imprescindible para el desarrollo de aplicaciones en muchas empresas de primer nivel internacional, como Netflix, PayPal, AirBnb o Twitter.
Algunas de las principales ventajas de React respecto a otros frameworks del mercado son las siguientes:
● Su accesibilidad y facilidad de uso. Los desarrolladores con experiencia en JavaScript rápidamente comprenden sus conceptos básicos y son capaces de desarrollar aplicaciones web en cuestión de días. Esto ocurre debido a su ecosistema: la cantidad de tutoriales, herramientas y complementos disponibles en Internet, que convierten a React en una plataforma muy accesible.
● Su isomorfismo. Es una característica clave a la hora de obtener un buen posicionamiento en buscadores (SEO). A través de NodeJS, React ofrece la posibilidad de renderizar un mismo código en HTML, tanto a nivel de servidor como cliente. De esta manera, por un lado, evitamos el problema de ofrecer un cuerpo de página sin contenido, con la problemática para los buscadores de no saber qué keywords son interesantes, y por otro lado, rebajamos la carga de trabajo para realizar aplicaciones web amigables para buscadores.
● Su capacidad de asimilar componentes reutilizables en Java es otra de las principales ventajas competitivas respecto al resto de frameworks disponibles.
● Su facilidad de escribir componentes y su capacidad de generar interfaces de usuario de manera muy ágil. Gracias al uso de archivos.jsx, que unifican en un mismo archivo la lógica y la UI, el componente React es más fácil de escribir.
● El uso dinámico del DOM Virtual. React permite generar el DOM de forma dinámica, realizando todos los cambios en una copia en memoria para posteriormente compararlo con su versión actual. Así evitamos renderizar la página cada vez que efectuemos cambios y se mejora el rendimiento y la experiencia de usuario al focalizar el esfuerzo en el componente concreto que se desea actualizar de manera fluida y sencilla. Por lo tanto, la velocidad de la aplicación no se verá interrumpida.

Los objetivos más importantes del curso React JS online son los siguientes:

Aprender React desde cero, con especial incidencia a las interfaces y experiencia de usuario
Desarrollar aplicaciones web en JavaScript utilizando el framework React
Adquirir conocimientos básicos de React en torno al diseño web para que sean rápidas, escalables, flexibles y potentes

El curso online de React está dirigido principalmente a desarrolladores interesados en profundizar sus conocimientos relacionados con React para el desarrollo web de aplicaciones.
Tras la formación el alumno habrá adquirido conocimientos en torno al perfil Full Stack Developer

TEMA 1. Visión general de React
• Que es React
• Babel, Webpack, Ecmascript y JSX
• Instalación de Node
• Instalación de Visual Code
TEMA 2. El patrón MVVN
• El patrón MVC
• El patron MVVN
TEMA 3. Components & Props
• Creando nuestra primera aplicación REACT
• Los componentes
• Las props
• Los states
• Style
TEMA 4. JSX. Funcionalidades
• Por qué JSX
• Como funciona, y como trabajar con él
• Definiendo tipos
• Estructuras “children”
TEMA 5. Eventos
• SyntheticEvent
• Eventos
• Clipboard, keyboard, Focus, Form, Mouse, Touch, Image
TEMA 6. Vistas
• Renderizado Condicional
• Listas, Claves, Formularios
• Todo Application
TEMA 7. Ciclo de vida
• El ciclo de vida: Fases
• Montado
• Actualizacion
• Desmontado
TEMA 8. Routing & API
• Front-end routing
• React-Router
• Promesas
• Obteniendo datos de una API
TEMA 9. Foundation
• React – Foundation
• Button, Button Group, Switch, Forms, Multimedia, Label, Barra de progreso
• Añadiendo CSS personalizado
TEMA 10. Redux
• Instalación
• ¿Qué es Flux?
• ¿Qué es Redux?
• Los tres principios de Redux
• Actions
• Reducers
• Store
• Redux y React
• Asincronía

React es una tecnología para desarrollar aplicaciones web de una manera más ordenada y limpia, ya que utiliza menos código en JavaScript o a través de librerías como jQuery, centradas en la manipulación del DOM. Así, las vistas se asocian con los datos, de modo que si cambian los datos, también cambian las vistas.
En este sentido, React intenta ayudar a los desarrolladores a construir aplicaciones que usan datos que cambian todo el tiempo. Su objetivo es ser sencillo, declarativo y fácil de combinar. React sólo maneja la interfaz de usuario en una aplicación; React es la Vista en un contexto en el que se use el patrón MVC (Modelo-Vista-Controlador) o MVVM (Modelo-vista-modelo de vista)