curso-platzi-react-avanzado ⚛️

Repositorio con el código del Curso Avanzado de React de Platzi con dependencias actualizadas.

Basado en repositorio: https://github.com/midudev/curso-platzi-react-avanzado

Despliegues

Frontend Desplegado

https://petgram-xsr.vercel.app/

Servidor desplegado

API: https://petgram-server-xsr.vercel.app/ Graphql: https://petgram-server-xsr.vercel.app/graphql

Dependencias

Styled Components

https://styled-components.com/docs/basics#styling-any-component

Apollo GraphQL

https://www.apollographql.com/docs/react/api/react/hooks https://www.apollographql.com/docs/react/networking/advanced-http-networking/#customizing-request-logic https://www.apollographql.com/docs/react/networking/authentication

Formas de despliegue

Desplegar localmente build de desarrollo

Util para debugear en un build como se cargan y cuanto toman los componentes. O si se cargan o no. Util para memorización de componentes. El análisis se realizaría con el profiler de React Dev Tools y con la pestaña network de Chrome Devtools. "serve:dev"

Desplegar localmente build de producción

Util para probar cambios en una PWA o analizar con lighthouse el performance "serve:prod"

Despliegues a Vercel

Requiere instalar el modulo npm vercel globalmente con el comando:

npm i -g vercel

Desplegar en vercel web

npm run deploy

Desplegar en vercel api

Desde la carpeta api, ejecutar 'vercel' en cmd

Errores

Error en página favoritos

Si en la pagina favoritos aparece el mensaje: "Error... $user does not exist" es porque el usuario no existe en la base de datos. La base de datos está en memoria actualmente por ello la sesión puede mantenerse pero el registro en la base de datos no. Ello ocaciona este error. Cerrar sesión y crear un nuevo usuario para seguir probando.