¿Qué es React? · Cursos Felipe Gavilán

Sección 1 Introducción

Introducción
¿Qué es React? En reproducción
Introducción a ASP.NET Core
Front-End vs Back-End
¿Qué es TypeScript?
Instalando Node y NVM
¿Qué es Vite?
Instalando Visual Studio
Instalando .NET y VS Code
Instalando SQL Server
Creando la Aplicación de React
Creando el Web API con Visual Studio
Creando el Web API con Visual Studio Code
Resumen

Sección 2 Repaso de JavaScript

Introducción
Creando el Proyecto
Módulos en JavaScript
Variables: let y const
Funciones Flecha
Plantillas de Cadenas (Template strings)
Operador Ternario
Literales de Objetos Mejorada
Destructurar
Operador Spread
Clases
Función map de Arreglos
Promesas y Async/Await (Programación Asíncrona)
Debugger
Resumen

Sección 3 Primeros Pasos Con React

Introducción
Explorando Nuestro Proyecto
React vs HTML
Estudiando la Estructura de un Componente
Componentes Funcionales vs de Clases
Introducción a JSX
React.Fragment
Expresiones en JSX
CSS en React
Eventos en React
Estados y React Hooks
React Hooks: useState
Componente Hijo: Props
Pasando Contenido Como Parámetro
Mostrando Contenido de Manera Dinámica
Repitiendo Contenido usando Map
Comunicación Hijo a Padre
Introducción a useEffect
Ejemplo de useEffect
React Hooks: useContext
React Hooks: useMemo
Un Segundo Ejemplo de Memo
React Hooks: useCallback
Manejando Errores con Error Boundaries
Resumen

Sección 4 Aplicando lo Aprendido en Nuestro Proyecto

Introducción
Limpieza
Mostrando una Película
Listado de Películas
Esperando el Listado de Películas
Listado Genérico
Componente Cargando
Instalando Bootstrap
Resumen

Sección 5 Ruteo

Introducción
Creando el Componente de Menú
Utilizando React Router - Navegando con NavLinks
Guardando las Rutas en Otro Archivo
Creando Las Páginas del Proyecto
Navegando con JavaScript
Parámetros en la URL
Manejando Rutas no Encontradas
Resumen

Sección 6 Formularios

Introducción
Creando Nuestro Primer Formulario
Validando con Yup
Deshabilitando el Botón Enviar
Validaciones Personalizadas con Yup
Editando Géneros
Componente de Filtro de Películas
Formulario de Actores
Validando Nuestro Formulario de Actores
Componente de Selección de Archivos
Formulario de Cines
Introducción a Leaflet
Integrando Leaflet a nuestro Formulario
Formulario de Películas
Componente de Selección Múltiple
Seleccionando Múltiples Cines
Creando el Componente de Typeahead
Seleccionando Múltiples Actores
Arrastrando Elementos Dentro de Una Lista
Resumen

Sección 7 ASP.NET Core - Fundamentos

Introducción
Preparando un Repositorio de Pruebas
Controladores y Acciones
Métodos Post, Put y Delete
Recibiendo un Parámetro en una Acción
Reglas de Ruteo
Tipos de Datos de Retorno de una Acción
Programación Asíncrona
Introducción al Caché
Middlewares
Introducción al Model Binding
Validando Modelos
Otras Validaciones por Defecto
Validaciones Personalizadas - Por Atributo
Validaciones Personalizadas - En el Controlador
Inyección de Dependencias
Utilizando el Principio de Inversión de Dependencias
Tiempo de Vida de los Servicios
Usando un Singleton Para Nuestro Repositorio
Limpiando el Caché
Proveedores de Configuración
Resumen

Sección 8 HTTP y Bases de Datos

Introducción
Limpiando el Back-End
Axios
CORS
Evitando Hardcodear la URL
Instalando EF Core
Creando la Base de Datos
Creando Géneros - Back-End
Creando Géneros - React
Mostrar Errores del Web API
DTOs
Índice de Géneros - Back-End
Índice de Géneros - React
Paginando - Back-End
Ordenando los Registros - Back-End
Paginando - React
Hook Personalizado
Editando Géneros - Back-End
Editando Géneros - React
Borrando Géneros - Back-End
Borrando Géneros - React
Entidad Actor
Creando Actores - React
Preparando el Terreno Para Salvar Imágenes
Salvando Imágenes en Azure Storage
Salvando Imágenes Localmente
Índice de Actores - Back-End
Índice de Actores - React
Editar Actores - Back-End
Editar Actores - React
Borrar Actores - Back-End
Borrar Actores - React
Componente Índice Entidad
Controlador Base - Obteniendo Entidades Paginadas
Controlador Base - Obteniendo una Entidad por su Id
Controlador Base - Crear, Actualizar y Borrar
Entidad Cines
CRUD Cines - Back-End
CRUD Cines - React
Entidad Películas
Creando Películas - Back-End
Custom Model Binding
Creando Películas - React
Terminando el Componente de Selección de Actores
Obteniendo Películas - Back-End
Landing Page - React
Editar Películas - Back-End
Editar Películas - React
Borrar Películas
Detalle Películas - React
Completando el Componente de Filtro de Películas - Back-End
Completando el Componente de Filtro de Películas - React
Simplificando Nuestro Componente de Filtro de Películas
Resumen

Sección 9 Seguridad

Introducción
Autenticación y Autorización
Ocultar Contenido UI
Usando Nuestro Componente de Autorizado
Protegiendo Rutas
Configurando Identity
Configurando el Login y Registro en el back-end
Guardando el JWT Localmente
Construyendo los Componentes de Login y Registro
Construyendo el Sistema de Ratings - Back-End
Construyendo el Componente de Ratings - React
Interceptores el JWT a Nuestro Web API
Usando Claims - Back-End
Índice de Usuarios - Back-End
Índice de Usuarios - React
Política Personalizada de Cache
Resumen

Sección 10 Despliegues

Introducción
Desplegando el Web API a un Azure App Service
Desplegando la App de React
Resumen

Vista previa gratuita

Continúa con el curso completo

Desbloquea todas las clases de Desarrollando Aplicaciones en React 19 y ASP.NET Core 9 y sigue aprendiendo desde donde te quedaste.

Comprar curso completo $9.99 USD Ver planes de suscripción

Ir al repositorio

Avance automático Se detiene al finalizar

Sección 1 Clase 2

¿Qué es React?