Curso de React + Redux

Programación, React, Redux, SPA, Componentes, MVC, JSX, React-Router, CSS_in_JS, React-Native, GatsbyJS

React (también llamado ReactJS o React.js) es una librería de JavaScript que facilita enormemente el desarrollo eficiente de interfaces de usuario fácilmente mantenibles. Los desarrolladores pueden gestionar de una forma muy cómoda y sencilla los diversos cambios visuales en el estado de las aplicaciones cuando además combinamos su uso con Redux, un contenedor predecible del estado de aplicaciones JavaScript.

React permite trabajar sobre las vistas del patrón MVC utilizando JSX, lo que hace que la tarea de escribir Javascript sea más sencilla, eficiente, rápida y segura, para especificar el "look" de nuestros componentes sin tener que preocuparnos por el impacto que esto pueda ocasionar en el DOM. Su uso dentro del mundo del desarrollo ha crecido enormemente y de forma muy rápida porque además de su enorme utilidad y eficiencia, juega a su favor como un papel clave su fácil y perfecta sincronización con cualquier tipo de stack tecnológico, al ser una librería pequeña y flexible.

Este curso tiene como objetivo que aprendas todos los detalles de esta librería de JavaScript para desarrollar interfaces eficientes y fácilmente gestionables y testeables de una forma eminentemente práctica. Como metodología de trabajo durante el Curso de React + Redux, los alumnos desarrollarán como prácticas troncales diversas aplicaciones web que servirán además de repositorio de todo lo aprendido.

Indice

1. Introducción

2. Nuestro entorno de desarrollo

3. Conceptos básicos de React:

   1. Introducción a JSX
   2. Renderizando componentes
   3. Componentes y propiedades
   4. El estado
   5. Gestionando eventos en React
   6. Renderizado condicional
   7. Ciclo de vida
   8. Pintando listas
   9. Subiendo el estado
   10. Herencia vs composicion
   11. Pensando en React

4. Conceptos avanzados de React:

   1. División de código
   2. React Context
   3. Gestión de errores
   4. High order components (HOCs)
   5. Creando referencias a elementos DOM
   6. Comprobación dinámica de tipos (PropTypes)
   7. Hooks
   8. React Lazy y React Suspense

Extras. Más allá de React:

1. Accesibilidad