ACTUALIZADO 2020 con React Hooks y Apollo Hooks!
¿Quieres aprender React y GraphQL en un mismo curso? No busques más!! en este curso crearemos una aplicación completa sin tener conocimientos previos de GraphQL, además aprenderás Apollo Client y Server para crear increibles Aplicaciones Web.
Si ya tienes experiencia con React, lleva tus bases hacia el siguiente nivel con un backend hecho con Apollo Server, GraphQL y MongoDB.
Si no estas seguro que es GraphQL, en este curso aprenderás sin conocimientos previos.
Además aprenderás:
Queries, Mutations, Resolvers y Schema de GraphQL, que son y crear los tuyos.
Integración de GraphQL con React
Autenticación JWT con React y GraphQL
Apollo Client y Server con Hooks
Next.js y Tailwind para el front end de nuestra aplicación
Recharts para crear gráficas interactivas
Almacenar datos en una base de datos de MongoDB
GraphQL es bastante divertido y fácil de utilizar, junto a Apollo podremos crear aplicaciones web fullstack muy rápido y que sean fáciles de mantener y actualizar con tecnologías modernas.
Este curso es FullStack, por lo tanto crearemos tanto el frontend como el backend.
Sino estas muy seguro que es GraphQL, aprenderás lo siguiente:
Crear y definir un Schema y relacionar objetos.
Utilizar GraphQL para el Backend y Front End de tus aplicaciones.
Aprenderás las distintas etapas y tecnologías, así como sus diferencias: GraphQL, Apollo Client y Server, MongoDB, React y Next.js
Crearemos una aplicación completa para administrar clientes, pedidos y productos.
Aprenderás a autenticar Usuarios con React y JWT en GraphQL y Apollo
Aprender una tecnología nueva no debe ser algo frustrante! y en este curso iremos paso a paso construyendo una aplicación completa, las herramientas (stack) utilizadas son:
GraphQL para Queries, Resolvers, Mutations y Schema.
MongoDB y mongoose para almacenar datos en la Base de datos
React
Next.js y Tailwind para el frontend del sitio web.
Formik para validación de Formularios
Recharts para graficas
Apollo Client y Server con Hooks para conectar nuestra base de datos (MongoDB y nuestro cliente React)
y mucho más!!
En este video veamos que es GraphQL
Veamos algunas diferencias entre GraphQL y REST!
En este video veremos algunas diferencias entre GraphQL y SQL
Veamos como se relacionan GraphQL y Apollo
En este video puedes descargar el código final
Vamos a comenzar con nuestro servidor de Apollo
Veamos que son los Query en GraphQL
En este video veamos que son los Mutation
En este video veremos que es el Schema en GraphQL
Veamos que son los Resolvers en GraphQL
Vamos a añadir Types y Resolvers en nuestro código
Veamos como harias para tener un segundo Resolver
Veamos como ver los Type y Resolvers a su propio archivo
Veamos como pasar Argumentos hacia tus resolvers!
Veamos que son y como se utilizan las variables en GraphQL
En este video veremos que es el Context en GraphQL
Vamos a definir el Modelo de Usuarios!
Vamos a crear el Type de Usuarios
Vamos a crear el Input para la creación de usuarios
Veamos como insertar un usuario a la base de datos desde playground
Es importante por seguridad hashear tus passwords, veamos como hacerlo
Vamos a comenzar con los Productos de nuestro CRM
Ene ste video vamos a crear el Type, Input y Resolver de Productos
Vamos a crear el resto del resolver para nuevos productos
Vamos a definir el modelo para los clientes
Vamos a continuar con el Mutation e Input para los Clientes
Veamos como crear el Resolver para nuevos Clientes
Veamos como agregar el Vendedor al cliente
Veamos como obtener todos los clientes
Veamos como obtener los clientes de un vendedor en especifico
Veamos como obtener un cliente en especifico por su ID
En este video veamos como actualizar un cliente
Veamos como eliminar un cliente
Veamos como definir el Modelo de los pedidos
Veamos como definir el Pedido en nuestro Schema
Vamos a crear el Mutation para nuevos clientes
Veamos como revisar si hay la suficiente cantidad de articulos disponibles
Veamos como finalizar este Resolver
En este video veamos como obtener todos los pedidos!
Veamos como obtener los pedidos del vendedor autenticado
Veamos como obtener un pedido por su ID
Veamos como actualizar un pedido
En este video veamos como eliminar un Pedido
Veamos como obtener los pedidos por su ID
Vamos a movernos hacia el Cliente, estaremos creando un proyecto con React, Next.js, Tailwind junto a lo que ya hemos aprendido con GraphQL, Apollo y MongoDB
Veamos como cargar algunas hojas de estilos
Veamos como crear el sidebar del proyecto
Veamos como crear el HTML del área de contenido principal
En este video veamos sobre el routing de Next.js
Veamos como decirle al usuario en que página se encuentra
Veamos como mostrar un diseño de forma condicional
Vamos a comenzar con los formularios de Login y Nueva Cuenta
Ahora veamos como crear el Formulario para Crear una Cuenta
En este video veamos como añadir Formik a nuestro proyecto
Ahora veamos como añadir YUP para validación
Vamos a añadir el resto de las validaciones
En este video veamos como configurar Apollo Client
Veamos como instalar y configurar Apollo Dev Tools
Vamos a probar que todo funcione con una consulta de Prueba
Vamos ahora si, a insertar un usuario desde el formulario
Veamos como mostrar nuestros mensajes desde el servidor
Vamos a finalizar con la creación de usuarios desde React
Veamos como trabajar con el Login y formik
Veamos como enviar una petición hacia el servidor con las credenciales de autenticación
Veamos como guardar el Token en el Storage
