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.

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
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.
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
Esta charla presenta la nueva convención Flat Routes que probablemente será la predeterminada en una futura versión de Remix. Simplifica la convención existente y también te brinda nuevas capacidades.
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'.

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.