DCInternet

Curso de React JS

Entrenamiento en aula, en línea o en vídeo.

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 • Acctualizar sólo cuandosea 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: