App de películas con React y TypeScript

Crearemos las bases del proyecto y configuraremos dependencias.

• 1.1 - Bienvenida al proyecto
  3:20
• 1.2 - N vs NVM vs Volta
  8:42
• 1.3 - Vitejs
  14:01
• 1.4 - TypeScript
  4:50
• 1.5 - Creación del proyecto inicial con Vite
  2:27
• 1.6 - Analizando la estructura inicial
  5:33
• 1.7 - Styled components
  1:08

Vamos a iniciar con la creación de los componentes, también agregaremos la ultima versión de react-router-dom para manejar el ruteo y finalmente conoceremos la api que nos ofrece MARVEL.

• 2.1 - Servicios API
  2:54
• 2.2 - Import Meta
  15:06
• 2.3 - React Router Dom v6
  7:09
• 2.4 - Styled Components
  10:38
• 2.5 - Distribución de componentes
  6:46
• 2.6 - Obteniendo data
  10:46
• 2.7 - Props
  8:35

Vamos a afinar los componentes con estilos y usaremos los hooks para el manejo de datos y para la navegación.

• 3.1- Posición de componentes
  10:04
• 3.2 - Iconos y Fuentes
  2:12
• 3.3 -.Iniciando con el componente Info
  8:01
• 3.4 - Detalle con el componente info
  10:27
• 3.5 - Ajustes al componente info
  9:45
• 3.6 - UseNavigate
  2:37
• 3.7 - CreateContext
  6:52
• 3.8 - DProvider
  6:26
• 3.9 - InitialState
  3:52
• 3.10 - Tipando al Context
  5:16
• 3.11 - UseContext
  2:16

En esta sección estaremos afinando los últimos detalles para terminar con nuestra aplicación para su posterior deploy en github pages.

• 4.1 - Conectando con github
  6:21
• 4.2 - Husky
  4:35
• 4.3 - Deployando en github pages
  4:05
• 4.4 - Vercel
  4:52
• 4.5 - Deploy final
  0:56
• 4.6 - Despedida
  0:41