Lista de deseos de GraphQL 2021: Las principales oportunidades y desafíos de GraphQL para 2021

Rate this content
Bookmark

A medida que GraphQL entra en su sexto año, hemos avanzado mucho como comunidad y ecosistema. Pero aún queda mucho trabajo por hacer para que GraphQL se vuelva completamente popular y mantenga su impulso. En esta charla, destacaré los principales desafíos técnicos y de herramientas que enfrentan los profesionales al adoptar GraphQL y espero generar nuevas ideas y discusiones sobre lo que necesitamos especificar, construir y mejorar.

Estoy emocionado de compartir una lista de oportunidades e ideas que abarcan a) las cosas aburridas que deben hacerse (por ejemplo, ¡verificación de salud y manejo de errores!), b) los problemas difíciles que deben resolverse (por ejemplo, límites de velocidad y seguridad) y c) los desafíos emocionantes (por ejemplo, GraphQL y wasm) que enfrentamos como comunidad de GraphQL.

Espero que al final de la charla tengamos una idea clara de cuáles son los principales desafíos y por qué, y que estemos entusiasmados por discutir estos desafíos y construir posibles soluciones en 2021.

FAQ

Tanmay es el CEO y cofundador de Hasura, y ha compartido su experiencia y los patrones observados en la comunidad y usuarios empresariales de GraphQL.

Tanmay menciona que aunque GraphQL se ha vuelto más popular, todavía no es completamente mainstream comparado con otras tecnologías como Kubernetes.

Las personas aprecian GraphQL por diferentes razones; algunos valoran su capacidad para optimizar la obtención de datos en aplicaciones con interfaces de usuario pesadas, mientras que otros lo prefieren para crear APIs unificadas y explorables.

Uno de los desafíos es la falta de herramientas eficientes para manejar fragmentos de GraphQL, lo que es fundamental para mejorar la obtención automática de datos en interfaces de usuario.

Tanmay sugiere trabajar en mejores clientes de GraphQL para otros frameworks fuera de React, mejorar la documentación de Relay y explorar nuevas herramientas y enfoques como SWR y Vulkan.

Los fragmentos son cruciales para definir requerimientos de datos específicos de componentes en una aplicación, permitiendo una composición automática de consultas que mejora la eficiencia.

Tanmay indica que el monitoreo en GraphQL es complicado porque los errores se reportan dentro del cuerpo de la respuesta en vez de en los códigos de estado, lo que requiere herramientas especializadas para su manejo.

Tanmai Gopal
Tanmai Gopal
35 min
02 Jul, 2021

Comments

Sign in or register to post your comment.

Video Summary and Transcription

GraphQL aún no ha alcanzado la adopción generalizada y todavía hay puntos de inflexión que superar. Los fragmentos en los clientes de GraphQL necesitan mejoras, y enfoques no GraphQL como SWR y Vulkane ofrecen alternativas para automatizar la obtención de datos. Los clientes de GraphQL más allá de los marcos de UI presentan desafíos, pero herramientas como el generador de código GraphQL y Juke ofrecen soluciones. El uso de GraphQL como una representación intermedia y la conexión entre GraphQL y REST son conceptos atractivos. Unir gráficos y datos en diferentes casos de uso es un desafío, pero están surgiendo soluciones como un modelo GraphQL común o una puerta de enlace de API programable. No es necesario unificar todo el ecosistema de API en grandes empresas, enfocarse en puntos finales de API específicos puede ser más beneficioso.

1. Introducción a GraphQL y sus casos de uso

Short description:

Hola a todos, soy Tanmay, el CEO y cofundador de Hasura. Comencemos por entender dónde estamos con GraphQL hoy en día. Aunque GraphQL se ha vuelto más popular, aún no ha alcanzado la adopción generalizada. Todavía hay ciertos puntos de inflexión que debemos superar. A las personas les gusta GraphQL por diferentes razones, como optimizar la lógica de obtención de datos para aplicaciones de interfaz de usuario y brindar una experiencia de API unificada. GraphQL proporciona una mejor manera de agrupar y tipar datos, lo que lo hace ideal para aplicaciones con una carga pesada en el cliente. También ofrece facilidad de exploración y consumo, lo que permite a los desarrolladores ver múltiples modelos juntos. Estos aspectos hacen de GraphQL una herramienta poderosa para interactuar con fuentes o servicios de datos heterogéneos.

Hola a todos, estoy muy contento de estar aquí. Soy Tanmay y voy a hablarles un poco sobre mi lista de deseos de GraphQL 2021. Estos son los resúmenes de algunos desafíos y, por supuesto, a través de esos desafíos, oportunidades que tenemos como comunidad frente a nosotros para construir más herramientas, hacer algunas especificaciones adicionales e intercambiar más ideas entre nosotros.

Para comenzar un poco, tal vez con una breve introducción. Soy Tanmay, soy el CEO y cofundador de Hasura, y gran parte de lo que les voy a hablar es lo que hemos aprendido de nuestra comunidad, de nuestros usuarios de la comunidad y los patrones que hemos visto de nuestros usuarios empresariales, especialmente. Y así, con eso, comencemos haciendo un rápido balance de dos cosas. Primero, dónde estamos con GraphQL hoy en día. La buena noticia es que estamos súper... GraphQL se ha vuelto cada vez más popular, lo cual es genial, pero la noticia un poco triste es que han pasado cinco años con GraphQL y aún no es realmente mainstream. Si pensamos en dónde, por ejemplo, Kubernetes o CNCF, que fue otra gran ola que ocurrió en el ecosistema recientemente, estaba en un nivel muy diferente en términos de adopción, interés e inversión empresarial en comparación con donde está GraphQL hoy en día. Y eso no necesariamente es algo malo, pero es algo interesante de notar que todavía hay ciertos puntos de inflexión que creo que necesitamos superar para que GraphQL se convierta en mainstream. Y espero que los desafíos y oportunidades de los que vamos a hablar nos ayuden a comprender eso un poco y ver si podemos construir cosas para resolver algunos de estos problemas y llevar GraphQL al mainstream en los próximos años como comunidad.

Entonces, las dos cosas o dos puntos de contexto que me gustaría agregar antes de adentrarnos en algunos de estos desafíos son la razón por la que a las personas les gusta GraphQL y los casos de uso no son homogéneos, ¿verdad? Las personas no están utilizando GraphQL y les gusta GraphQL por razones ligeramente diferentes. Y creo que es importante diferenciar entre estos dos. El primer caso de uso, y lo llamaré un caso de uso centrado en el cliente, es principalmente cuando usamos GraphQL para ayudar a las personas y ayudar a nuestros desarrolladores a construir mejores aplicaciones de interfaz de usuario, ¿verdad? Y aquí, lo que es atractivo de GraphQL a nivel técnico es que nos brinda la capacidad, o brinda al cliente y al servidor, un contrato y la capacidad de optimizar automáticamente la lógica de obtención de datos, ¿verdad? En lugar de depender, y este es el problema de las llamadas API REST n más uno, ¿verdad? En lugar de hacer muchas llamadas API REST para renderizar una página de interfaz de usuario en particular, puedes obtener eso desde la aplicación de manera dinámica en una sola consulta agrupada. Y GraphQL es una especificación para hacer eso, ¿verdad? Y aquí estamos pensando principalmente en GraphQL como una API más optimizada para obtener datos. Correcto. Y este es un problema nuevo que ha surgido cuando nos hemos movido hacia aplicaciones con una carga pesada en el cliente, ¿verdad? Esto no era un problema con aplicaciones renderizadas puramente en el servidor, como PHP o algo así en el pasado, donde gran parte de la obtención de datos que requería múltiples cantidades de datos para renderizar un componente de interfaz de usuario se hacía en el servidor que estaba renderizando la propia interfaz de usuario. Y luego esa interfaz de usuario se enviaba simplemente al cliente que iba a usarla, ¿verdad? Pero a medida que las cosas se vuelven más dinámicas, nos hemos dado cuenta de que hacer múltiples llamadas API debido a la red no es bueno. Y necesitamos una forma automática de transferir eso. Otra conveniencia similar en un problema técnico aquí es que JSON, que fue el formato de intercambio de datos que ha surgido en la última década, no tenía tipos y requería cierta tipificación, y GraphQL era una forma técnica más agradable de hacerlo, ¿verdad? Y así, esta es una razón muy técnica y cómo GraphQL nos está ayudando a construir mejores interfaces de usuario. Y aquí estás pensando en GraphQL simplemente de una manera muy abstracta, no completamente correcta, como una mejor manera de agrupar y tipar, ¿verdad? Eso es básicamente sin entrar en la ergonomía de GraphQL. Pero el segundo aspecto, y el segundo tipo de caso de uso y por qué a las personas les gusta GraphQL, es lo que llamo un caso de uso centrado en la plataforma, ¿verdad? Y aquí a las personas les gusta GraphQL como una especificación para impulsar una experiencia de API unificada, para decir que, en lugar de mirar mi servicio y tener 10 puntos finales, puedo tener un punto final y luego navegar por un gráfico de los modelos que esta API sirve. O si tengo múltiples servicios, tal vez pueda construir un agregador como un backend para el frontend a veces, o incluso un agregador de API interno que permita a los desarrolladores ver todos estos modelos juntos y sea más fácil consumir y explorar la API. Y esta es una gran parte del atractivo de GraphQL, que es esta facilidad de exploración y consumo, lo cual puede ser una afirmación ligeramente controvertida, pero que no tiene nada que ver con el beneficio técnico de optimización de rendimiento de GraphQL. Estos son casi dos aspectos independientes del caso de uso y por qué a uno le gusta GraphQL. Y, por supuesto, porque GraphQL es una API JSON, es una gran API para interactuar cuando tienes fuentes o servicios de datos heterogéneos, poder ver eso como un gráfico JSON unificado es genial. Es como una experiencia de MongoDB sobre todos tus datos a través de un tipo de API. Y esto no tiene mucho que ver con el beneficio técnico de GraphQL, que es la agrupación y la tipificación, que ayuda, por supuesto. La tipificación está en el medio de un beneficio técnico y una ergonomía.

2. Desafíos en los clientes de GraphQL y fragmentos

Short description:

Los fragmentos son fundamentales para automatizar la obtención de datos en los clientes de GraphQL, pero las herramientas relacionadas con los fragmentos necesitan mejoras. Es tedioso escribir e importar fragmentos manualmente, y dificulta la composición automática de consultas de datos. El compilador de Relay ha avanzado en la automatización del manejo de fragmentos, pero este concepto debería extenderse a otros clientes de GraphQL. Además, enfoques como SWR y Vulkane ofrecen alternativas interesantes para automatizar la obtención de datos sin la complejidad de GraphQL. Estos enfoques no basados en GraphQL tienen el potencial de optimizar la obtención de datos y hacerla más eficiente.

beneficio también. Pero estas son más o menos las dos perspectivas desde las cuales podemos pensar en la forma en que GraphQL está siendo adoptado, utilizado y amado por las personas cuando usan GraphQL. Y así, cuando pensamos en los desafíos en los próximos minutos, mantengamos en mente estos dos tipos de casos de uso. El primero es el de los clientes de GraphQL y los fragmentos, que es principalmente un caso de uso centrado en el cliente. Y aquí, el desafío es que cuando pensamos en ir más allá de la conveniencia de GraphQL y realmente optimizar y automatizar la obtención de datos de alto rendimiento, es realmente difícil hacerlo sin una buena herramienta basada en fragmentos.

Los fragmentos son fundamentales y las herramientas relacionadas con los fragmentos son fundamentales para automatizar el trabajo pesado de construir una interfaz de usuario que componga todos sus requisitos en una sola consulta y obtenga esos datos. Y aquí, nuevamente, tal vez una afirmación un poco controvertida, los fragmentos no son muy útiles para la reutilización. No es que esté particularmente emocionado de crear un archivo separado donde almaceno todas mis consultas y fragmentos de GraphQL y luego me refiero a esos fragmentos y los uso en mis componentes. Ese no es un caso de uso particularmente emocionante para mí en cuanto a los fragmentos. Prefiero simplemente especificar la consulta junto a mi componente. Prefiero colocar los requisitos de obtención de datos dentro de mi componente de interfaz de usuario como desarrollador. En lugar de tocar 10 archivos diferentes, prefiero tocar el archivo de mi componente. Y en este caso, lo que los fragmentos realmente nos permiten hacer es, como desarrollador que trabaja en un componente de interfaz de usuario en particular, puedo trabajar en un solo componente y puedo especificar mis requisitos de datos como un fragmento. Y varias personas pueden trabajar en diferentes componentes, especificando sus requisitos como un fragmento, que se fusionarán automáticamente. La belleza de este enfoque es que debe suceder automáticamente. Si esto se hace manualmente en el sentido de que escribo un fragmento aquí, luego tengo que importar el fragmento en otro lugar. Y luego tengo que especificar que, hey, estoy usando este fragmento. Tengo que ir al componente de nivel superior y especificar mi consulta de nivel superior que está usando un fragmento en algún lugar. No es una gran experiencia. Y se pierde el beneficio de usar GraphQL para automatizar esta composición de consultas de datos. Ahora, Relay ha hecho un trabajo fabuloso al tomar estos varios conceptos que se requieren para componer lógica de obtención de datos automáticamente. Y las herramientas que se requieren para tratar automáticamente con fragmentos, ¿verdad? Sin tener que hacer el trabajo manual de escribir fragmentos, tal vez en un archivo separado o importarlos y reutilizarlos y demás. Pero desafortunadamente, esta idea no ha surgido de los clientes de Relay, porque el compilador de Relay también es un poco complicado. Pero tomar ese compilador de Relay y usarlo para construir otros clientes de GraphQL es algo que debemos hacer más. Creo que hay algunos trabajos interesantes que se están realizando aquí con algunos de los clientes. Creo que si no me equivoco, el cliente de Angular. Pero hay muchas ideas interesantes aquí que debemos llevar más allá del ecosistema de React hacia otros ecosistemas de interfaz de usuario también. Alternativamente, hay mucho amor que debemos dar a la documentación de Relay y ponerla al día para que ese cliente sea más utilizable y accesible, ¿verdad? Curiosamente, están surgiendo otros enfoques para resolver un problema similar en torno a la obtención de datos y optimizar la obtención de datos automáticamente, ¿verdad? SWR, que es Stale-while-revalidator, el nombre de un concepto pero también el nombre de una biblioteca o herramienta que construyeron las personas de Versal, y Vulkane, que es otro enfoque que utiliza HTTP2, son enfoques muy interesantes que permiten una idea similar de permitir a los desarrolladores de interfaz de usuario construir sus componentes de interfaz de usuario, especificando su llamada a la API que obtiene datos, pero luego automatizando parte de esa lógica de obtención de datos sin que los desarrolladores tengan que hacer demasiado trabajo para componer eso y hacerlo lo más eficiente posible, ¿verdad? Y así, hay enfoques interesantes no basados en GraphQL que también pueden tener cierta superposición con GraphQL. Y lo interesante de estos enfoques es que, como no dependen de GraphQL, no tienen que agregar ninguna de esa complejidad de GraphQL. Y así, esta es un área de trabajo en la que estoy particularmente emocionado y espero que haya más cosas que sucedan en los próximos meses.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

De GraphQL Zero a GraphQL Hero con RedwoodJS
GraphQL Galaxy 2021GraphQL Galaxy 2021
32 min
De GraphQL Zero a GraphQL Hero con RedwoodJS
Top Content
Todos amamos GraphQL, pero puede ser desalentador poner en marcha un servidor y mantener tu código organizado, mantenible y testeable a largo plazo. ¡No más! Ven a ver cómo paso de un directorio vacío a una API GraphQL completamente desarrollada en cuestión de minutos. Además, verás lo fácil que es usar y crear directivas para limpiar aún más tu código. ¡Vas a amar aún más GraphQL una vez que hagas las cosas Redwood Easy!
Estado Local y Caché del Servidor: Encontrando un Equilibrio
Vue.js London Live 2021Vue.js London Live 2021
24 min
Estado Local y Caché del Servidor: Encontrando un Equilibrio
Top Content
¿Cuántas veces has implementado el mismo flujo en tu aplicación: verificar si los datos ya se han obtenido del servidor, si es así - renderizar los datos, si no - obtener estos datos y luego renderizarlos? Creo que lo he hecho más de diez veces yo mismo y he visto la pregunta sobre este flujo más de cincuenta veces. Desafortunadamente, nuestra biblioteca de gestión de estado predeterminada, Vuex, no proporciona ninguna solución para esto.Para la aplicación basada en GraphQL, había una alternativa para usar el cliente Apollo que proporcionaba herramientas para trabajar con la caché. Pero, ¿qué pasa si usas REST? Afortunadamente, ahora tenemos una alternativa de Vue a una biblioteca de react-query que proporciona una buena solución para trabajar con la caché del servidor. En esta charla, explicaré la distinción entre el estado de la aplicación local y la caché del servidor local y haré algo de codificación en vivo para mostrar cómo trabajar con este último.
Baterías Incluidas Reimaginadas - El Resurgimiento de GraphQL Yoga
GraphQL Galaxy 2021GraphQL Galaxy 2021
33 min
Baterías Incluidas Reimaginadas - El Resurgimiento de GraphQL Yoga
El Guild ha lanzado recientemente Envelop - un nuevo y moderno Framework de Servidor GraphQL y sistema de plugins. En esta charla compartiré una breve descripción de Envelop y por qué probablemente deberías actualizar tu servidor GraphQL existente a él.
Aplicaciones sólidas de React y GraphQL para personas con prisa
GraphQL Galaxy 2022GraphQL Galaxy 2022
29 min
Aplicaciones sólidas de React y GraphQL para personas con prisa
En esta charla, veremos algunas de las opciones modernas para construir una aplicación full-stack de React y GraphQL con convenciones sólidas y cómo esto puede ser de enorme beneficio para ti y tu equipo. Nos enfocaremos específicamente en RedwoodJS, un framework full stack de React que a menudo se llama 'Ruby on Rails para React'.
Deja paso a los resolvers: un nuevo enfoque para la ejecución de GraphQL
GraphQL Galaxy 2022GraphQL Galaxy 2022
16 min
Deja paso a los resolvers: un nuevo enfoque para la ejecución de GraphQL
Aunque GraphQL es declarativo, los resolvers operan campo por campo, capa por capa, lo que a menudo resulta en un trabajo innecesario para la lógica de tu negocio, incluso cuando se utilizan técnicas como DataLoader. En esta charla, Benjie presentará su visión de una nueva estrategia de ejecución de GraphQL de propósito general cuyo enfoque holístico podría conducir a ganancias significativas en eficiencia y escalabilidad para todas las APIs de GraphQL.

Workshops on related topic

Construir con SvelteKit y GraphQL
GraphQL Galaxy 2021GraphQL Galaxy 2021
140 min
Construir con SvelteKit y GraphQL
Top Content
Featured WorkshopFree
Scott Spence
Scott Spence
¿Alguna vez has pensado en construir algo que no requiera mucho código de plantilla con un tamaño de paquete pequeño? En esta masterclass, Scott Spence irá desde el hola mundo hasta cubrir el enrutamiento y el uso de endpoints en SvelteKit. Configurarás una API de GraphQL en el backend y luego usarás consultas de GraphQL con SvelteKit para mostrar los datos de la API de GraphQL. Construirás un proyecto rápido y seguro que utiliza las características de SvelteKit, y luego lo desplegarás como un sitio completamente estático. Este curso es para los curiosos de Svelte que no han tenido una experiencia extensa con SvelteKit y quieren una comprensión más profunda de cómo usarlo en aplicaciones prácticas.

Tabla de contenidos:
- Inicio e introducción a Svelte
- Inicializar el proyecto frontend
- Recorrido por el proyecto esqueleto de SvelteKit
- Configurar el proyecto backend
- Consultar datos con GraphQL
- Recuperación de datos en el frontend con GraphQL
- Estilización
- Directivas de Svelte
- Enrutamiento en SvelteKit
- Endpoints en SvelteKit
- Despliegue en Netlify
- Navegación
- Mutaciones en GraphCMS
- Envío de mutaciones GraphQL a través de SvelteKit
- Preguntas y respuestas
Seguridad de tipo de extremo a extremo con React, GraphQL y Prisma
React Advanced Conference 2022React Advanced Conference 2022
95 min
Seguridad de tipo de extremo a extremo con React, GraphQL y Prisma
Featured WorkshopFree
Sabin Adams
Sabin Adams
En este masterclass, obtendrás una visión de primera mano de lo que es la seguridad de tipo de extremo a extremo y por qué es importante. Para lograr esto, construirás una API de GraphQL utilizando herramientas modernas y relevantes que serán consumidas por un cliente de React.
Prerrequisitos: - Node.js instalado en tu máquina (12.2.X / 14.X)- Se recomienda (pero no es obligatorio) utilizar VS Code para las tareas prácticas- Un IDE instalado (se recomienda VSCode)- (Bueno tener) *Un conocimiento básico de Node.js, React y TypeScript
GraphQL para Desarrolladores de React
GraphQL Galaxy 2022GraphQL Galaxy 2022
112 min
GraphQL para Desarrolladores de React
Featured Workshop
Roy Derks
Roy Derks
Hay muchas ventajas en utilizar GraphQL como fuente de datos para el desarrollo frontend, en comparación con las API REST. Nosotros, los desarrolladores, por ejemplo, necesitamos escribir mucho código imperativo para recuperar datos y mostrarlos en nuestras aplicaciones y manejar el estado. Con GraphQL, no solo puedes reducir la cantidad de código necesario para la obtención de datos y la gestión del estado, sino que también obtendrás una mayor flexibilidad, mejor rendimiento y, sobre todo, una mejor experiencia de desarrollo. En este masterclass aprenderás cómo GraphQL puede mejorar tu trabajo como desarrollador frontend y cómo manejar GraphQL en tu aplicación frontend de React.
Construye una aplicación WordPress sin cabeza con Next.js y WPGraphQL
React Summit 2022React Summit 2022
173 min
Construye una aplicación WordPress sin cabeza con Next.js y WPGraphQL
Top Content
WorkshopFree
Kellen Mace
Kellen Mace
En esta masterclass, aprenderás cómo construir una aplicación Next.js que utiliza Apollo Client para obtener datos de un backend de WordPress sin cabeza y usarlo para renderizar las páginas de tu aplicación. Aprenderás cuándo debes considerar una arquitectura de WordPress sin cabeza, cómo convertir un backend de WordPress en un servidor GraphQL, cómo componer consultas usando el IDE GraphiQL, cómo colocar fragmentos GraphQL con tus componentes, y más.
Modelado de Bases de Datos Relacionales para GraphQL
GraphQL Galaxy 2020GraphQL Galaxy 2020
106 min
Modelado de Bases de Datos Relacionales para GraphQL
Top Content
WorkshopFree
Adron Hall
Adron Hall
En esta masterclass profundizaremos en el modelado de datos. Comenzaremos con una discusión sobre varios tipos de bases de datos y cómo se mapean a GraphQL. Una vez que se haya establecido esa base, el enfoque se desplazará a tipos específicos de bases de datos y cómo construir modelos de datos que funcionen mejor para GraphQL en varios escenarios.
Índice de contenidosParte 1 - Hora 1      a. Modelado de Datos de Bases de Datos Relacionales      b. Comparando Bases de Datos Relacionales y NoSQL      c. GraphQL con la Base de Datos en menteParte 2 - Hora 2      a. Diseño de Modelos de Datos Relacionales      b. Relación, Construcción de Tablas Multijoin      c. Complejidades de Consulta de Modelado de Datos Relacionales y GraphQL
Prerrequisitos      a. Herramienta de modelado de datos. El formador utilizará dbdiagram      b. Postgres, aunque no es necesario instalar esto localmente, ya que estaré utilizando una imagen de Dicker de Postgres, de Docker Hub para todos los ejemplos      c. Hasura
Construyendo APIs GraphQL sobre Ethereum con The Graph
GraphQL Galaxy 2021GraphQL Galaxy 2021
48 min
Construyendo APIs GraphQL sobre Ethereum con The Graph
WorkshopFree
Nader Dabit
Nader Dabit
The Graph es un protocolo de indexación para consultar redes como Ethereum, IPFS y otras blockchains. Cualquiera puede construir y publicar APIs abiertas, llamadas subgrafos, para hacer que los datos sean fácilmente accesibles.

En este masterclass aprenderás cómo construir un subgrafo que indexa datos de blockchain de NFT del contrato inteligente Foundation. Desplegaremos la API y aprenderemos cómo realizar consultas para recuperar datos utilizando diferentes tipos de patrones de acceso a datos, implementando filtros y ordenamiento.

Al final del masterclass, deberías entender cómo construir y desplegar APIs de alto rendimiento en The Graph para indexar datos de cualquier contrato inteligente desplegado en Ethereum.