Curso React JS

Descripción

React JS es una librería mantenida por Facebook para crear Interfaces de Usuario. React o React JS se dice, a menudo, que es un librería frontend. React se usa para crear aplicaciones SPA (Single Page Applications) y es la capa de la vista de una aplicación MVC (Model View Controller).

En este curso aprenderemos a crear aplicación SPA utilizando componentes principalmente con hooks (disponible en versiones recientes) y JSX en vez de componentes de clases que extienden de React y que se usaban en versiones anteriores a la 16.8.

Así aprenderos que son Rect Hooks para manejar el estado de nuestros componentes y para crear una aplicación.

¿A quién está dirigido este curso de React?

Desarrolladores que desean crear aplicaciones Web SPA.

¿Qué necesito para participar en el curso React.jsp?

Se recomienda experiencia básica utilizando HTML, CSS y conocimientos sólidos de JavaScript (objetos, arreglos, call back functions). Todo nuestro tiempo se dedicará a aprender React y a ver cómo estas tecnologías se integran directamente con la plataforma de React.

Temario del Curso de React JS

¿Qué es React?

Configuración e instalación
Aplicaciones de una sola página
Componentes
La app de DCInternet para el curso

Planeación:Uso de componentes

La interfaz de usuario en una jerarquía de componentes
Creación de una versión estática en React
Un breve interludio: Props vs State
Identificar la representación mínima (pero completa) del estado de la interfaz de usuario
Identificar dónde debería estar el estado
Agregar flujo de datos inverso

¿Por qué JSX?

Incrustar expresiones en JSX
JSX como erramienta de Expresión
Especificar atributos con JSX
Especificar elementos secundarios con JSX
JSX y ataques de inyección
JSX representación de objetos

Componentes en React

Revisión rápida de funciones
Cambiando la forma en que manejamos la IU
El componente React
Creando tu primer Componente
Especificar propiedades
Primera parte: actualización de la definición de componente
Segunda parte: modificación de la llamada de componente

Rendering

Representar un elemento en el DOM
Actualización del elemento
Actualizar sólo cuando sea necesario

Componentes y propiedades

Componentes de función y clase
Renderizado de un componente
Composición de componentes
Extracción de componentes
Props de sólo lectura

Estado y ciclo de vida

Convertir una función en una clase
Agregar un estado local a una clase
Agregar métodos de ciclo de vida a una clase
Usar el estado correctamente
Actualizaciones de estado asincrónicas
Las actualizaciones de estado se fusionan
Flujo de los datos

Hooks

Introducción
Uso del Hook de estado
Uso del Hook de efectos
Reglas de Hooks
Construcción de un Hook

Manejo de eventos

Pasar argumentos a los controladores de eventos

Rendering condicional

Variables de elementos
Inline If con Operador Lógico &&
Inline If-Else con operador condicional
Evitar rendering del componente

Listas y claves

Rendering de varios componentes
Componente básico de lista
Llaves
Extraer componentes con llaves

Formularios

Componentes controlados
La etiqueta textarea
La etiqueta select
La etiqueta de entrada de archivo
Manejo de múltiples entradas
Manejo de nulo de entrada
Alternativas a los componentes controlado

Introducción a Redux

¿Qué es Redux?
Construyendo una aplicación simple usando Redux
Nuestro Reductor
Almacenar cosas

React y Redux

Administrar el estado de React con Redux
Cómo se superponen Redux y React

Nuestros Cursos de Desarrollo para Web

Bienvenido al curso aprende ReactJS desde cero sin que te quedes en ceros. Con ejercicios prácticos vas a aprender React paso a paso y las buenas prácticas de programación.

En el caso de Cursos de Desarrollo para Web ofrecemos principalmente entrenamientos:

HTML
JavaScript
jQuery
Angular
TypeScript

Dependiendo de tu experiencia en otros lenguajes, del tiempo que desees invertir, de la razón por la cual deseas aprender React y de tu presupuesto puede ser el curso a elegir:

Otros cursos

Cursos online

Significa intructor en vivo
Significa ahorro sustancial de tiempo y costos de transporte
Horarios a tus necesidades de 2 o más horas
Mañanas, tardes o sábados
!Tú haces los ejercicios con guía del instructor!