Tu Ritmo con GraphQL

Bookmark
Slides
Rate this content

Construir con GraphQL por primera vez puede ser desde desafiante hasta pan comido. Comprender qué características buscar en tus herramientas de cliente y servidor y adoptar los hábitos correctos (y deshacerte de los viejos hábitos) es la clave para tener éxito con un equipo de cualquier tamaño en GraphQL.

Esta charla ofrece una visión general de los desafíos comunes que he visto en numerosos equipos al construir con GraphQL, cómo superaron las fuentes comunes de frustración y la mentalidad que finalmente adoptaron, y las lecciones aprendidas, para que puedas adoptar y seguir confiando en GraphQL con confianza.

This talk has been presented at GraphQL Galaxy 2022, check out the latest edition of this Tech Conference.

FAQ

Urkel es un cliente de GraphQL que fue desarrollado originalmente por Formidable y es compatible con frameworks como React, Preact, Vue y Svelte. Se utiliza para facilitar la conexión y la manipulación de datos a través de GraphQL en aplicaciones web.

Los usuarios de GraphQL a menudo enfrentan problemas como el manejo de errores, problemas de rendimiento, y almacenamiento en caché del cliente. Además, luchan con la gestión de esquemas, el abandono y la versión de los mismos.

GraphQL ayuda a mejorar la gestión de datos en aplicaciones mediante la seguridad de tipos, la introspección y la capacidad de hacer consultas precisas para obtener solo los datos necesarios, lo que reduce el exceso de datos y optimiza las interacciones entre el cliente y el servidor.

Al elegir herramientas dentro del ecosistema GraphQL, es importante considerar las necesidades específicas del equipo o proyecto, el tamaño del equipo, la compatibilidad con otras tecnologías en uso, y la facilidad de integración con el entorno de desarrollo existente.

Para equipos que están comenzando con GraphQL, se recomienda enfocarse en entender claramente la propuesta de valor de GraphQL para su proyecto, elegir las herramientas adecuadas basadas en sus requisitos específicos, y prepararse para ajustes y mejoras continuas conforme evolucionan sus necesidades.

GraphQL ofrece ventajas como la obtención de datos precisos a través de consultas específicas, lo que minimiza el exceso de datos. También permite una mejor gestión de los esquemas de datos y proporciona una interfaz uniforme para interactuar con múltiples fuentes de datos, facilitando el desarrollo de aplicaciones.

La comunidad es crucial en el ecosistema de GraphQL porque proporciona soporte, herramientas y prácticas recomendadas que facilitan la adopción y el uso eficiente de GraphQL. Una comunidad activa y acogedora también ayuda a resolver problemas comunes y a compartir soluciones innovadoras.

Phil Pluckthun
Phil Pluckthun
31 min
08 Dec, 2022

Comments

Sign in or register to post your comment.
Video Summary and Transcription
La charla analiza la propuesta de valor de GraphQL y su capacidad para resolver puntos problemáticos comunes en el desarrollo de API. Destaca la importancia de tomar decisiones informadas al elegir clientes, servidores y generadores de esquemas de GraphQL. La charla también enfatiza la necesidad de enfocarse en la mejor experiencia de desarrollo en el presente en lugar de buscar una solución perfecta a largo plazo. Además, menciona el futuro del cliente de GraphQL Urkel y las razones para dejar de admitir ReScript. En general, la charla brinda información sobre el estado actual y las tendencias futuras del desarrollo de GraphQL.
Available in English: Your GraphQL Groove

1. Introducción a GraphQL y Puntos de Dolor Comunes

Short description:

Hola, soy Phil y hoy estoy aquí para hablar sobre encontrar tu ritmo con GraphQL. Compartiré mi perspectiva sobre cómo comenzar en el ecosistema actual, el crecimiento de GraphQL y los puntos de dolor comunes que aún existen. A pesar de los puntos fuertes de GraphQL, tengo algunas preocupaciones, como el exceso de datos y la dependencia de la unión de esquemas.

♪ Hola, soy Phil. Y hoy estoy aquí en GraphQL Galaxy para hablar contigo sobre encontrar tu ritmo con GraphQL. Esta charla es un poco desde mi perspectiva sobre cómo comenzar en el ecosistema actual, lo que podrías encontrar, los problemas que he visto que la gente encuentra, y lo que significa usar GraphQL hoy en día.

Un poco sobre mí, puedes encontrarme en las redes sociales como Kitten en GitHub o como underscore PhilPL en Twitter, o en Mastodon, si eso es lo tuyo. Actualmente mantengo Urkel, junto con otras personas. Urkel es un cliente de GraphQL que fue fundado originalmente por Formidable y es compatible con frameworks como React, Preact, Vue y Svelte. Actualmente estamos trabajando en Unoco, un equipo de apoyo que se encargará de mantener este proyecto a tiempo completo.

Actualmente, lo que hemos visto en el último año es que Urkel ha crecido mucho, y eso se corresponde con el crecimiento de GraphQL en general. No solo Urkel está creciendo, sino que si miramos el número de clientes de Apollo, podemos ver que también los números solo van en aumento y GraphQL se está volviendo más popular. Más personas que nunca están adoptando GraphQL y subiéndose a bordo.

Esto nos lleva a algunos problemas, y recibo muchas preguntas sobre Urkel. Recibo muchas preguntas sobre GraphQL. Por lo general, estos problemas no son nuevos para mí. Pero en la madurez actual de GraphQL, me hago algunas preguntas sobre estos problemas, ¿por qué todavía estamos luchando con problemas sencillos? Nada responde mejor a eso que la encuesta sobre el estado de GraphQL en 2022. En esa encuesta, básicamente pidieron a las personas que respondieran una serie de preguntas y midieran la popularidad de las bibliotecas y la satisfacción con el ecosistema. Pero también tenían una sección sobre los puntos de dolor de GraphQL, y las personas podían votar en varias cosas sobre lo que actualmente encuentran doloroso en el ecosistema.

Si lo miramos, vemos algunos puntos comunes que pueden no ser demasiado sorprendentes. Vemos que las personas lidian con el manejo de errores, y eso es doloroso, problemas de rendimiento, almacenamiento en caché del cliente, y así sucesivamente. Lo que encuentro sorprendente aquí, sin embargo, son algunos de estos puntos que realmente no esperaría ver en este punto del ecosistema. Así que vemos que las personas están luchando para que su API sea rendimiento. Están luchando con los esquemas, el abandono y la versión. Y eso me preocupa, pero en este punto, me sorprende que no hayamos avanzado en estos problemas y no tengamos buenas respuestas para ellos.

GraphQL, por supuesto, también tiene puntos fuertes, y la encuesta sobre el estado de GraphQL lo midió. Y de manera similar, aquí vemos puntos fuertes muy sólidos que encontrarías en cualquier introducción a GraphQL. Por ejemplo, la seguridad de tipos en primer lugar, la introspección a continuación. Pero hay algunos puntos aquí que me preocupan. El exceso de datos todavía se considera un punto fuerte importante que GraphQL resuelve. Sin embargo, el exceso de datos ni siquiera es un principio fundamental de lo que GraphQL pretende resolver. De hecho, lo veo como un problema fundamental que cualquier API bien diseñada probablemente debería abordar. También vemos aquí que la unión de esquemas vuelve a surgir, y esto es bastante interesante, ya que significa que mucha gente piensa que la unión de esquemas es tanto una ventaja importante de GraphQL como un punto de dolor importante.

2. Entrando en GraphQL y Propuesta de Valor

Short description:

Me resulta sorprendente que las personas tengan dificultades para ver a la comunidad de GraphQL tan acogedora como debería ser. Al ingresar a GraphQL, es posible que te preguntes: ¿cómo me preparo para tener éxito? ¿Cómo logro que mi equipo tenga éxito? Muchos equipos se arrepienten de las elecciones iniciales y hacen pequeños ajustes. ¿Cuál es la propuesta de valor de GraphQL? ¿Cómo te preparas para tener éxito? ¿Cómo me mantengo en el camino correcto? GraphQL tiene una propuesta de valor diferente para diferentes personas. Esto cambia según la perspectiva del frontend o el backend, así como el tamaño de la organización o el equipo. GraphQL ofrece respuestas sólidas a problemas básicos de API, como el exceso de datos. Vamos a ir al grano y centrarnos en la perspectiva del frontend.

Por último, vemos a la comunidad como el último punto en los puntos fuertes de GraphQL. Años después de GraphQL y con muchas opciones diferentes para elegir, me resulta sorprendente que las personas tengan dificultades para ver a la comunidad de GraphQL tan acogedora como debería ser. Al ingresar a GraphQL, creo que estás siguiendo una trayectoria muy similar a la de muchos otros equipos, y al principio piensas que la propuesta de valor de GraphQL es muy emocionante y sorprendente, y estás ansioso por resolver tus problemas. Más adelante, es posible que te preguntes: ¿cómo me preparo para tener éxito? ¿Cómo logro que mi equipo tenga éxito? Luego, las cosas se vuelven un poco problemáticas para la mayoría de las personas. Te haces preguntas como: ¿estoy obteniendo valor de GraphQL en general? ¿Realmente estás encontrando las herramientas adecuadas para el trabajo? Más adelante, muchos equipos se arrepienten de muchas elecciones iniciales y hacen pequeños ajustes. En este punto, las personas vuelven atrás y revisan sus decisiones.

Esta charla ha sido un poco difícil de escribir. Ahora veo a muchas personas diferentes ingresar al espacio de GraphQL. Equipos muy diferentes pueden comenzar en cualquier momento y cada uno tiene diferentes expectativas de GraphQL. Y muchos equipos probablemente se quedan sin tiempo tratando de solucionar sus problemas y abandonan el espacio antes de poder comunicar lo que necesitaban de GraphQL. Volviendo a estos tres puntos diferentes, las preguntas que quiero plantear son: ¿cuál es la propuesta de valor de GraphQL? Si estás ingresando a GraphQL y probablemente estás en esta conferencia porque quieres usarlo o porque ya lo estás usando, ¿qué es lo que quieres obtener de GraphQL? ¿Y cómo te preparas para tener éxito si ya sabes lo que quieres? Y por último, ¿cómo me mantengo en el camino correcto? GraphQL puede ser abrumador, pero ¿cómo me mantengo en el buen camino para usarlo correctamente? Creo que la primera pregunta es en torno a lo que todo gira. ¿Por qué debería usar GraphQL? Y eso es con lo que quiero comenzar. Creo que GraphQL tiene una propuesta de valor diferente para muchas personas diferentes. Y creo que tenemos que mirar dos ejes aquí. Tenemos que usar un eje que nos muestre cómo piensan las personas del frontend o cómo piensas tú cuando estás mirando tu stack de frontend. Y cómo un equipo de backend podría verlo. Un equipo de backend podría verlo. Pero GraphQL también cambia dependiendo de si estás mirando organizaciones pequeñas o grandes, equipos pequeños y grandes, incluso múltiples equipos que trabajan en ello. La dificultad aquí es que estarás en un lugar diferente al de cualquier otra persona. La mayoría de los puntos en este eje plantearán algún problema de alguna forma, y es posible que tengas preguntas muy diferentes dependiendo de dónde te encuentres. Dependiendo de si estás muy enfocado en el frontend y eres un equipo más pequeño o un equipo más grande que tiene muchos servicios de backend. En cualquier situación, es posible que ya estés convencido de usar GraphQL. Después de todo, estás en GraphQL Galaxy. Sin embargo, esto se debe a que GraphQL tiene respuestas muy sólidas a problemas básicos que cualquier API enfrenta. Ya he mencionado el exceso de datos antes, pero muchas soluciones diferentes pueden surgir al pensar en cómo puedo resolver el exceso de datos. GraphQL no es la única respuesta si solo estás pensando en problemas simples. Y eso me lleva a la siguiente parte, cortando a través de la exageración de GraphQL. ¿Por qué estamos usando realmente GraphQL? Y por qué las razones que estamos pensando a veces son un poco demasiado simples. Y quiero reducir esto en estas partes separadas en este eje. Y quiero comenzar con el frontend, ya que como mantenedor de clientes de GraphQL, estoy más familiarizado con eso.

QnA

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
Tom Pressenwurter introduces Redwood.js, a full stack app framework for building GraphQL APIs easily and maintainably. He demonstrates a Redwood.js application with a React-based front end and a Node.js API. Redwood.js offers a simplified folder structure and schema for organizing the application. It provides easy data manipulation and CRUD operations through GraphQL functions. Redwood.js allows for easy implementation of new queries and directives, including authentication and limiting access to data. It is a stable and production-ready framework that integrates well with other front-end technologies.
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
This Talk discusses handling local state in software development, particularly when dealing with asynchronous behavior and API requests. It explores the challenges of managing global state and the need for actions when handling server data. The Talk also highlights the issue of fetching data not in Vuex and the challenges of keeping data up-to-date in Vuex. It mentions alternative tools like Apollo Client and React Query for handling local state. The Talk concludes with a discussion on GitLab going public and the celebration that followed.
Remix Flat Routes – Una Evolución en el Enrutamiento
Remix Conf Europe 2022Remix Conf Europe 2022
16 min
Remix Flat Routes – Una Evolución en el Enrutamiento
Top Content
Remix Flat Routes is a new convention that aims to make it easier to see and organize the routes in your app. It allows for the co-location of support files with routes, decreases refactor and redesign friction, and helps apps migrate to Remix. Flat Folders convention supports co-location and allows importing assets as relative imports. To migrate existing apps to Flat Routes, use the Remix Flat Routes package's migration tool.
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
Envelope is a powerful GraphQL plugin system that simplifies server development and allows for powerful plugin integration. It provides conformity for large corporations with multiple GraphQL servers and can be used with various frameworks. Envelope acts as the Babel of GraphQL, allowing the use of non-spec features. The Guild offers GraphQL Hive, a service similar to Apollo Studio, and encourages collaboration with other frameworks and languages.
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
The Talk discusses the challenges and advancements in using GraphQL and React together. It introduces RedwoodJS, a framework that simplifies frontend-backend integration and provides features like code generation, scaffolding, and authentication. The Talk demonstrates how to set up a Redwood project, generate layouts and models, and perform CRUD operations. Redwood automates many GraphQL parts and provides an easy way for developers to get started with GraphQL. It also highlights the benefits of Redwood and suggests checking out RedwoodJS.com for more information.
Cómo hacer un juego web tú solo
JS GameDev Summit 2023JS GameDev Summit 2023
27 min
Cómo hacer un juego web tú solo
This talk guides you on how to make a web game by yourself, emphasizing the importance of focusing on tasks that interest you and outsourcing the rest. It suggests choosing a game engine that allows distribution on the web and aligns with your understanding and enjoyment. The talk also highlights the significance of finding fun in the creative process, managing scope, cutting features that don't align with the game's direction, and iterating to the finish line. It concludes by discussing the options for publishing the game on the web and leveraging unique web features.

Workshops on related topic

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
Workshop
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.
Construir con SvelteKit y GraphQL
GraphQL Galaxy 2021GraphQL Galaxy 2021
140 min
Construir con SvelteKit y GraphQL
Top Content
Workshop
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
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
Workshop
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
Construir y Desplegar un Backend Con Fastify & Platformatic
JSNation 2023JSNation 2023
104 min
Construir y Desplegar un Backend Con Fastify & Platformatic
Top Content
Workshop
Matteo Collina
Matteo Collina
Platformatic te permite desarrollar rápidamente GraphQL y REST APIs con un esfuerzo mínimo. La mejor parte es que también te permite desatar todo el potencial de Node.js y Fastify siempre que lo necesites. Puedes personalizar completamente una aplicación de Platformatic escribiendo tus propias características y plugins adicionales. En la masterclass, cubriremos tanto nuestros módulos de Open Source como nuestra oferta en la Nube:- Platformatic OSS (open-source software) — Herramientas y bibliotecas para construir rápidamente aplicaciones robustas con Node.js (https://oss.platformatic.dev/).- Platformatic Cloud (actualmente en beta) — Nuestra plataforma de alojamiento que incluye características como aplicaciones de vista previa, métricas integradas e integración con tu flujo de Git (https://platformatic.dev/). 
En esta masterclass aprenderás cómo desarrollar APIs con Fastify y desplegarlas en la Platformatic Cloud.
Construyendo APIs GraphQL sobre Ethereum con The Graph
GraphQL Galaxy 2021GraphQL Galaxy 2021
48 min
Construyendo APIs GraphQL sobre Ethereum con The Graph
Workshop
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.
Problemas difíciles de GraphQL en Shopify
GraphQL Galaxy 2021GraphQL Galaxy 2021
164 min
Problemas difíciles de GraphQL en Shopify
Workshop
Rebecca Friedman
Jonathan Baker
Alex Ackerman
Théo Ben Hassen
 Greg MacWilliam
5 authors
En Shopify a gran escala, resolvemos algunos problemas bastante difíciles. En este masterclass, cinco oradores diferentes describirán algunos de los desafíos que hemos enfrentado y cómo los hemos superado.

Tabla de contenidos:
1 - El infame problema "N+1": Jonathan Baker - Vamos a hablar sobre qué es, por qué es un problema y cómo Shopify lo maneja a gran escala en varios APIs de GraphQL.
2 - Contextualizando APIs de GraphQL: Alex Ackerman - Cómo y por qué decidimos usar directivas. Compartiré qué son las directivas, qué directivas están disponibles de forma predeterminada y cómo crear directivas personalizadas.
3 - Consultas de GraphQL más rápidas para clientes móviles: Theo Ben Hassen - A medida que tu aplicación móvil crece, también lo harán tus consultas de GraphQL. En esta charla, repasaré diversas estrategias para hacer que tus consultas sean más rápidas y efectivas.
4 - Construyendo el producto del futuro hoy: Greg MacWilliam - Cómo Shopify adopta las características futuras en el código actual.
5 - Gestión efectiva de APIs grandes: Rebecca Friedman - Tenemos miles de desarrolladores en Shopify. Veamos cómo estamos asegurando la calidad y consistencia de nuestras APIs de GraphQL con tantos colaboradores.