REACT JS DESDE CERO

SOMOS Y FORMAMOS EXPERTOS EN T.I

100% PRACTICO 30 HRS.

ACERCA DEL CURSO

OBJETIVOS PRINCIPALES

Aprenderás a desarrollar una aplicación web de una sola página con React JS y Redux de manera potente, rápida, fácil de usar y reactiva.Aprenderás React Hooks y componentes basados en clasesDomina los conceptos fundamentales detrás de la estructuración de aplicaciones ReduxAl finalizar el curso egresarás con un perfil de Desarrollador Front-End con solidos conocimientos en React, basado en la constante práctica de las funcionalidades enseñadas a lo largo del curso.

OBJETIVOS SECUNDARIOS

Conocerás la arquitectura y patrón MVC usando React.Mejora la experiencia de usuario aprovechando las ventajas de JavaScript.

PREREQUISITOS

Conocimientos básicos en JavaScript.Programación orientada a objetos.Se recomienda el curso JavaScript Desde Cero.

¿Cuál es mi nivel en programación? clic aquí

¡NUNCA DEJES DE APRENDER!1. Introducción a React

1.1 ¿Qué es React? Arquitectura general 1.2 SPAs vs Web Aps reactivas 1.3 Alternativas de React 1.4 ¿Por que usar React? 1.5 Repaso general de Javascript

2. Entendiendo la sintaxis y estructura de proyecto

2.1 El flujo de trabajo de construcción 2.2 Usando la aplicación Create React 2.3 Comprensión de la estructura de carpetas 2.4 Conceptos básicos de los componentes 2.5 Entendiendo JSX 2.6 Restricciones JSX 2.7 Crear un componente funcional 2.8 Componentes y hoja de referencia JSX 2.9 Trabajar con componentes y reutilizarlos 2.10 Salida de contenido dinámico 2.11 Trabajar con props 2.12 Entender Prop children 2.13 Comprensión y uso de State 2.14 Props y state 2.15 Manejo de eventos con métodos 2.16 Manipulando el State 2.17 Nomenclatura de componentes de función 2.18 useState () para la manipulación de state 2.19 Componentes sin estado frente a componentes con state 2.20 Pasar referencias de métodos entre componentes 2.21 Adición de encuadernación bidireccional 2.22 Agregar estilo con hojas de estilo 2.23 Trabajar con estilos en línea

3. Trabajando con Listas y condicionales

3.1 Representar contenido condicionalmente 3.2 Manejo de contenido dinámico "a la manera de JavaScript" 3.3 Salida de listas 3.4 Lists & State 3.5 Lists & Keys 3.6 Listas flexibles

4. Diseño de Componentes y elementos

4.1 Establecer nombres de clases dinámicamente 4.2 Agregar y usar radium 4.3 Uso de Radium para consultas de medios 4.4 Presentación de componentes con estilo 4.5 Componentes con estilo y estilos dinámicos 4.6 Trabajar con módulos CSS y consultas de medios

5. Depurar aplicaciones

5.1 Comprensión de los mensajes de error 5.2 Encontrar errores lógicos mediante el uso de herramientas de desarrollo y mapas de origen 5.3 Trabajar con las herramientas de desarrollo de React 5.4 Uso de límites de error

6. Componentes internos

6.1 Manejo de una mejor estructura de proyecto 6.2 Dividir una aplicación en componentes 6.3 Descripción general del ciclo de vida de los componentes de clase

6.4 Ciclo de vida de creación y actualización de componentes en acción 6.5 Usar useEffect () en componentes funcionales 6.6 Controlar el comportamiento useEffect () 6.7 Limpieza con Lifecycle Hooks y useEffect () 6.8 Uso de shouldComponentUpdate para optimización 6.9 Optimización de componentes funcionales con React.memo () 6.10 ¿Cuándo debería optimizar? 6.11 PureComponents en lugar de shouldComponentUpdate 6.12 Cómo React actualiza el DOM 6.13 Representación de elementos JSX adyacentes 6.14 Usando React.Fragment 6.15 Componentes de orden superior (HOC) 6.16 Usando PropTypes 6.17 Usando Refs 6.18 Refs con React Hooks 6.19 Usando la API de contexto 6.20 contextType y useContext ()

7. Peticiones AJAX (http)

7.1 Comprender las solicitudes Http en React 7.2 Introducción a Axios 7.3 Creación de una solicitud Http para obtener datos 7.4 Mostrar los datos obtenidos en la pantalla 7.5 Transformando datos 7.6 Insertando información POST 7.7 Actualizando información PUT 7.8 Eliminando información DELETE 7.9 Manejo de errores localmente 7.10 Agregar interceptores para ejecutar código globalmente 7.11 Eliminación de interceptores 7.12 Establecer una configuración global predeterminada para Axios 7.13 Creación y uso de instancias de Axios

8.- Routing

8.1 Routing y SPAs 8.2 Configurando Links 8.3 Preparando el proyecto 8.4 Navegando entre páginas 8.5 Paths absolutos vs relativos 8.6 Pasando parámetros entre rutas

9.- Redux

9.1 Comprender el flujo de Redux 9.2 Dispatching Actions 9.3 Integrando React con Redux 9.4 Conectando el Store a React

10.- Agregando Autenticación

10.1 Autenticación basada en OAuth 10.2 OAuth para servidores frente a aplicaciones de navegador 10.3 Creación de credenciales OAuth 10.4 Envío de un usuario al flujo de OAuth 10.5 Diseño de Arquitectura Redux 10.6 Configuración de Redux 10.7 Conectando Auth con Action Creators 10.8 Construyendo el Auth Reducer 10.9 Manejo del estado de autenticación a través de Redux 10.10 Uso de las herramientas de desarrollo de Redux 10.11 Depurar sesiones con las herramientas de desarrollo de Redux

11.- Hooks

11.1 React Hooks 11.2 Usando useState() 11.3 Múltiples estados 11.4 Reglas en Hooks 11.5 Pasando datos entre componentes 11.6 Implementando useEffect() y useCallback() 11.7 Integrando useContext()

12.- Proyecto Final

12.1 Integrando React JS + Redux + Hooks + Routing 12.2 Mejores prácticas

CERTIFICADO DIGITALObtén una constancia que avala tu preparación, si cumples con la asistencia

a tu capacitación y elaboras el proyecto final de cada curso, bootcamp o diplomado.

Avalado por la Secretaria del Trabajo y Previsión Social (México).

¡Te esperamos!