Desarrollo Front-End con REACT

Contenido

1.Introducción

• Desarrollo web en la actualidad
• Aplicaciones de una sola página: React y otro frameworks
• Bibliotecas React
• DOM virtual
• Puesta en marcha de un entorno de desarrollo para React
• Depuración en código VS
• Uso de herramientas de desarrollo de navegadores para la inspección y manipulación de Dom
• Análisis de código con ESLint

2. Estándares web y ES6

• Garantizar HTML5 y CSS3 válidos para React
• Trabajar con las nuevas funciones del lenguaje EcmaScript 6
• Depuración en el navegador
• La palabra clave this
• Funciones de constructor, clases y funciones de flecha, operador de propagación

3.Gestionar estado en apps Javascript con Redux

• Conceptos fundamentales
• Redux API
• Conectar Redux con React

4.Enfoques de desarrollo web moderno

• Una descripción general de las API AJAX y REST
• ¿Qué es Node? ¿Qué es npm?
• Uso de paquetes de Node para iniciar un servidor back-end
• Uso de comandos npm para instalar herramientas útiles para el desarrollo de React
• Transpilar de ES6 a ES5 con Babel
• Gestión de dependencias de proyectos y automatización de tareas en Web Dev
• Usar extensiones de React para VS Code para ayudar a la productividad
• Llamar y recibir datos de una API REST

5. Construir un proyecto básico de React

• Empezando con React
• Comprensión de las dependencias del proyecto React: React y React.DOM
• Creación rápida de un proyecto React para explorar los directorios y archivos
• Tipos de componentes y accesorios versus estado
• Primer vistazo a JSX – «JavaScript XML»
• Cómo utilizar hook
• Flujo de datos unidireccional
• Uso de herramientas de compilación y ejecución de proyectos React
• Agregar Bootstrap y Font Awesome para reaccionar

6.Trabajando con JSX

• Uso de expresiones y otra sintaxis en JSX
• Pasar propiedades de padres a hijos
• Creación de jerarquías de componentes de React
• Iterando sobre elementos
• Verificación de tipos mediante PropTypes

7.Eventos, estado y ciclo de vida en componentes

• Reacción a las interacciones de los usuarios con los controladores de eventos
• Sistema de eventos
• Depurar el código JavaScript del componente React
• Trabajar con estado y usar constructores
• Uso de accesorios para pasar datos fuera del componente secundario
• Métodos del ciclo de vida de los componentes
• Pasar argumentos a los controladores de eventos

8.Enrutamiento con react-router

• Definición de la raíz de su aplicación
• Creando rutas
• Caminos coincidentes
• Navegación entre páginas
• Rutas de anidación
• Captura de parámetros de ruta
• Prefijo de ruta

9.Manejo de la entrada del usuario con formularios

• Diferencias entre controlado y no controlado
• JSX y formularios
• Usar eventos de formulario
• Control de la entrada de datos con componentes de formulario controlados
• Cómo React.js cambia la interfaz de algunos componentes del formulario
• La importancia de utilizar el atributo de nombre
• Creación de componentes de formulario personalizados
• Manejo de múltiples componentes de forma controlada
• Aprovechamiento del control del enfoque
• Mejores prácticas para crear formularios utilizables

10. Fundamentos de Prueba de componentes con React

• Tipos de pruebas
• Instalación y ejecución de Jest
• Creación de conjuntos de pruebas, especificaciones y expectativas
• Prueba de componentes de React