Tu Ritmo con GraphQL

Rate this content
Bookmark
Slides

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

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
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Node Congress 2024Node Congress 2024
152 min
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Featured Workshop
Emanuel Scirlet
Miguel Henriques
2 authors
Ven y aprende cómo puedes potenciar tus aplicaciones modernas y seguras utilizando GraphQL y Javascript. En este masterclass construiremos una API de GraphQL y demostraremos los beneficios del lenguaje de consulta para APIs y los casos de uso para los que es adecuado. Se requiere conocimiento básico de Javascript.
Seguridad de tipo de extremo a extremo con React, GraphQL y Prisma
React Advanced 2022React Advanced 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.
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.
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.