rodzy / workshop-react-graphql

🧰 Workshop 🧰 Ascent from nothing to something with React and GraphQL [Spanish]

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React + GraphQL workshop

Autor: Isaac Rodríguez

Con esta serie de tutoriales vamos a aprender como podemos aplicar React y GraphQL, aprenderemos todos los fundamentos y luego aplicaremos todos estos conceptos en una aplicación real.

Veremos algunos de los tips y obstáculos que podemos enfrentar a la hora de encaminarnos en un proyecto con gran complejidad.

'¿Qué aprenderemos?'

  • Utilizar Yarn Workspaces para organizar nuestro monorepositorio para todo el curso.
  • Como integrar Apollo Server y Apollo Client para enviar y recibir información entre el servidor y cliente.
  • Crear un servidor de GraphQL para llevar el control de nuestro inventario y sistema de sesiones.
  • Como "Cachear" las peticiones que se envian desde el servidor de GraphQL.
  • Como hacer fetching y re fetching usando DataLoaders.
  • Como crear una interfaz de usuario usando TailwindCSS/PostCss y React Framer motion.
  • Vamos a aprender a como sacarle provecho a los Portales en React incorporando React Hook Form.
  • Utilizar ContextAPI y useReducer para el manejo de la API externa que vamos a necesitar.
  • Como realizar pruebas unitarias para CI/CD usando Jest y React Testing Library.
  • Que mejoras y optimizaciones pordemos realizar para el rendimiento de nuestro Frontend.
  • Como funciona LightHouse y PageSpeed.
  • Clases sobre que es el SEO en web y como funciona dentro de React SPA y React SSR.
  • Vamos a dar un vistazo a SWR y que es React Query Fetching.
  • Como hacer un contenedor de Docker, con nuestro Server y Base de datos, para subirlo a un proveedor de Hosting. (En este caso Digital Ocean con el free credit)
  • Como hacer deploy a Vercel del Front End terminado.

'¿Qué vamos a construir?'

Una aplicación que nos ayude a controlar los Pokemon que logremos capturar que estarán a nuestra disposición por todo el mapa que construiremos, podrémos crear una cuenta de entrenador Pokemon en la que podremos controlar nuestra actividad y tener un inventario de pokemon similar al Pokemon center.

PokeDigram

About

🧰 Workshop 🧰 Ascent from nothing to something with React and GraphQL [Spanish]

License:MIT License


Languages

Language:JavaScript 69.5%Language:HTML 19.8%Language:CSS 10.7%