Baterías Incluidas Reimaginadas - El Resurgimiento de GraphQL Yoga

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2025
November 18 - 21, 2025
New York, US & Online
The biggest React conference in the US
Learn More
In partnership with Focus Reactive
Upcoming event
React Summit US 2025
React Summit US 2025
November 18 - 21, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

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.

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

FAQ

GraphQL Yoga es un marco de trabajo para servidores de GraphQL, que fue inicialmente desarrollado por Prisma. En su última versión, ha sido diseñado como un envoltorio con opiniones alrededor de Envelope, permitiendo disfrutar de todas las ventajas de Envelope pero facilitando su inicio y configuración. GraphQL Yoga incluye herramientas como soporte de suscripción de GraphQL, defer y stream, y una versión actualizada de GraphiQL.

Envelope es una solución desarrollada por The Guild para abordar limitaciones en el ecosistema de servidores GraphQL. Introduce un poderoso sistema de plugins que permite conectar y extender funcionalidades en cada paso del proceso de GraphQL, desde el parseo hasta la ejecución. Esto permite una flexibilidad mayor en la implementación y la posibilidad de compartir soluciones en forma de plugins dentro del ecosistema.

El sistema de plugins de Envelope permite resolver problemas comunes de forma centralizada y compartir esa solución en forma de plugins en todo el ecosistema. Esto implica que independientemente del servidor HTTP o el entorno de implementación, los servidores GraphQL pueden usar los mismos plugins, lo que facilita la estandarización y mejora la eficiencia del desarrollo.

The Guild desarrolla y mantiene una variedad de bibliotecas y herramientas para GraphQL, enfocándose en soluciones independientes pero integrables que abarcan desde la generación de código hasta la administración de esquemas y la prevención de cambios que rompan la funcionalidad. Prefieren mejorar o revivir bibliotecas existentes antes que desarrollar nuevas, a menos que sea absolutamente necesario.

Envelope fue creado para abordar problemas como la rigidez de los marcos de trabajo opinionados y poco mantenidos, y las dificultades de implementación en diferentes entornos. Proporciona una plataforma más flexible y menos dependiente de soluciones específicas, permitiendo a los desarrolladores conectar funcionalidades antes y después de cada paso de ejecución de GraphQL, y usar cualquier esquema deseado.

GraphQL Hive es un servicio desarrollado por The Guild que actúa como un registro de esquemas y ofrece capacidades como el seguimiento de solicitudes en vivo. Está diseñado para integrarse con Envelope y otros sistemas, proporcionando herramientas de monitoreo y optimización para aplicaciones GraphQL en producción.

Uri Goldshtein
Uri Goldshtein
33 min
09 Dec, 2021

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Envelope es un poderoso sistema de plugins GraphQL que simplifica el desarrollo de servidores y permite una integración de plugins potente. Proporciona conformidad para grandes corporaciones con múltiples servidores GraphQL y se puede utilizar con varios frameworks. Envelope actúa como el Babel de GraphQL, permitiendo el uso de características no especificadas. El Guild ofrece GraphQL Hive, un servicio similar a Apollo Studio, y fomenta la colaboración con otros frameworks y lenguajes.

1. Introduction to Envelope and the Guild

Short description:

Hola a todos. Mi nombre es Uli y estoy muy emocionado de dar la primera charla magistral en GraphQL Galaxy. Hoy hablaré sobre Envelope, nuestro nuevo sistema de complementos GraphQL que deberías usar en tus servidores hoy. El Guild es el grupo de código abierto más grande en el ecosistema de GraphQL. Desarrollamos muchas bibliotecas que encajan en una gran visión.

usar en tus servidores hoy. Pero también, para esta charla, tengo una sorpresa como título secundario. Batteries Included Reimagined, el Renacimiento de GraphQL Yoga. Aquellos de ustedes que conocen el Guild y conocen GraphQL Yoga deberían emocionarse ahora. Hablaré un poco más sobre eso más adelante. Manténganse atentos.

El Guild es el grupo de código abierto más grande en el ecosistema de GraphQL. Desarrollamos muchas bibliotecas que encajan en una gran visión. Pero la idea es que cada biblioteca es individual. Algunos ejemplos son GraphQL Code Generator, GraphQL Tools y Sceva Stitching, GraphQL para básicamente tomar cualquier fuente como OpenAPI, Swagger, gRPC, SQL y generar APIs de GraphQL a partir de ellas. GraphQL Inspector para prevenir cambios que rompan, GraphQL Modules para distribuir el trabajo entre muchos equipos diferentes en la empresa, y muchos, muchos otros. Y la filosofía del Guild es que cada una de estas herramientas debe y se desarrolla de manera completamente independiente. No necesitas usar las otras herramientas para usar cualquiera de las herramientas aquí. Se ajustan a una gran plataforma, desde la base de datos y las fuentes de datos hasta el front-end. Pero no estás bloqueado a un proveedor. Puedes introducir gradualmente estas herramientas cuando realmente lo veas necesario. Además, parte de nuestra filosofía es no desarrollar herramientas que simplemente queremos desarrollar, sino solo herramientas que vemos como necesarias. Preferimos confiar en otras herramientas de código abierto y también contribuir a ellas. Pero cada vez que vemos que la biblioteca no se mantiene o no puede aceptar las cosas que necesitamos de ella, solo entonces creamos una nueva biblioteca. O lo que hacemos muchas veces es tomar bibliotecas sin mantenimiento y revivirlas.

Así que al comienzo de este año, vimos mucha necesidad en el ecosistema del servidor de GraphQL. Intentamos descubrir qué necesitamos y cómo podemos mejorarlo. Intentamos contribuir y tener conversaciones con los frameworks existentes en la comunidad. Y terminamos creando nuestra propia solución. Así que hoy quiero hablarles sobre Envelope. También deberías visitar el sitio web y echarle un vistazo allí. Pero hoy quiero comenzar realmente con cuál fue nuestra mentalidad cuando comenzamos a crear Envelope. Entonces, lo primero que nos preguntamos, al observar el ecosistema existente, fue qué necesitamos realmente de un servidor de GraphQL. Quiero decir, esta es una diapositiva que uso en muchas, muchas de mis charlas.

2. GraphQL JS y el Servidor GraphQL

Short description:

GraphQL JS es el núcleo del sistema, proporcionando funciones como validate, parse, execute y subscribe. Sin embargo, un servidor GraphQL necesita características adicionales como la creación de esquemas, integración de capa de comunicación y aspectos operativos como el almacenamiento en caché, el seguimiento, el registro, la seguridad y el manejo de errores. El ecosistema actual de servidores tiene problemas con los marcos de trabajo con opiniones y mantenimiento deficiente, lo que puede limitar la flexibilidad y las actualizaciones.

Básicamente, aquí vemos que un cliente realiza consultas a un servidor GraphQL, el servidor GraphQL luego realiza llamadas a todo tipo de fuentes y lugares, y el servidor me devuelve un resultado, orquestando todas las llamadas y enviándome un resultado como espero. Esto es algo que todos conocemos. ¿Cuál es el mecanismo aquí y qué necesitamos de él?

Entonces, el núcleo de esto es GraphQL JS en sí, la implementación de referencia y la implementación de referencia. En realidad, si miramos el código interno, básicamente expone un par de funciones para nosotros. Validate, parse, execute y subscribe. Validate se encarga de validar el esquema y la consulta para asegurarse de que sea un esquema y una consulta válidos. Parse analiza la consulta como AST y la comprende, convirtiéndola en un documento que podemos ejecutar. Y luego la función execute en sí misma, de la cual he dado muchas charlas sobre cómo se ve por dentro. Esta es como una diapositiva de seudocódigo sobre lo que realmente sucede dentro de la función execute, es decir, la función execute recibe el esquema ejecutable y la consulta, y luego realiza toda la orquestación y el trabajo de automatización para obtener el resultado correcto en la forma que queremos, orquestando todo lo que sucede con las llamadas de red o los resolvers. Eso es básicamente la función execute y GraphQL JS. Esas son las cosas que GraphQL JS nos brinda. Pero luego está el servidor. ¿Qué son las cosas adicionales que GraphQL JS no nos brinda y que necesitamos de un servidor GraphQL?

Una cosa es la creación del esquema en sí. GraphQL JS tiene su propia forma de crear el esquema, pero la comunidad realmente se ha diversificado y ha creado muchas soluciones diferentes para crear un esquema, como el enfoque SDL-first, el enfoque code-first con herramientas como Nexus o GraphQL, que es muy emocionante y vale la pena explorar, y muchas otras. Entonces, quieres crear tu propio esquema de muchas maneras diferentes. La otra cosa que necesitamos para conectar GraphQL JS es en realidad la capa de comunicación. Necesitamos conectarlo a un servidor HTTP, tal vez trabajar con WebSockets y tal vez queremos implementarlo en un entorno serverless y necesitamos todo tipo de restricciones y cosas allí. Y queremos que nuestro servidor GraphQL se encargue de eso por nosotros. Y hay muchas, muchas cosas diferentes en torno a la operación de este servidor GraphQL, como el almacenamiento en caché y el rendimiento, el seguimiento, el registro, la seguridad y la autenticación, y un buen manejo de errores. Y, por supuesto, queremos que el servidor GraphQL tenga un ecosistema próspero. Queremos que las personas puedan crear muchas soluciones diferentes en el servicio GraphQL para que podamos usarlo en cualquiera de nuestros casos de uso y no depender de un solo caso de uso que sea lo único que necesitamos para nuestro servidor. Una vez que descubrimos eso, observamos el panorama actual y esta es una diapositiva muy opinada. Puedes discutir con nosotros, me encantaría. Pero creemos que el ecosistema actual de servidores tiene algunos problemas. En primer lugar, los marcos de trabajo más populares actualmente son muy opinionados y a veces no están bien mantenidos. Y creo que la combinación de estos dos es muy problemática. En primer lugar, ser muy opinionado significa que te ajustas a ciertos tipos de casos de uso, generalmente casos de uso simples, y porque quieres obtener mucha comunidad y cosas así. Pero luego, si combinas eso con una biblioteca mal mantenida, significa que ahora tus usuarios no pueden cambiar las cosas y no pueden mantenerse actualizados. Juntos, esta es una situación muy problemática. Y esto es algo con lo que nos enfrentamos mucho cuando trabajamos con nuestros clientes.

3. Introducción a Envelope e Integración de Plugins

Short description:

Necesitábamos una configuración más compleja y manejar todo tipo de casos. Las bibliotecas actuales eran difíciles de mantener y requerían escribir código extraño. Los marcos de trabajo te obligan a construir cosas de una manera específica y limitan el intercambio de soluciones entre diferentes servidores y métodos de creación de esquemas. Algunos marcos de trabajo envuelven todo el pipeline de solicitud, limitando la flexibilidad y dificultando el uso de soluciones personalizadas para aplicaciones complejas. Volvimos a la mesa de dibujo y creamos Envelope, que se conecta al sistema GraphQL y permite una poderosa integración de plugins.

Necesitábamos una configuración mucho más compleja y manejar todo tipo de casos. Y las bibliotecas actuales simplemente no eran suficientes. Era muy, muy difícil de mantener. Y tuvimos que escribir mucho código extraño para hacer que las cosas funcionaran.

Además, los marcos de trabajo mantienen una forma específica de construir las cosas. Y muchas de las soluciones que proporcionan no se comparten entre diferentes tipos de servidores HTTP o diferentes formas de crear el esquema. Por ejemplo, si estás utilizando el enfoque code-first o schema-first. Todo lo relacionado con el servidor podría ser compartido sin importar cuáles sean tus elecciones, pero en muchos de estos marcos de trabajo, debido a que son opinionados, no puedes hacerlo.

Otra cosa es que estos marcos de trabajo envuelven todo el pipeline de solicitud. Esto está bien si estás haciendo algo muy simple. Pero en primer lugar, depende. A veces, si trabajas con un servidor HTTP como Festify, Express o Coa, quieres aprovechar al máximo sus capacidades. Y en segundo lugar, a veces estás implementando en entornos diferentes. Y quieres tener la máxima flexibilidad, como en implementaciones en el borde con CloudFlare Workers, y necesitas más flexibilidad en cómo manejar estas cosas. Quieres conectarte a este sistema y tener todo el poder para implementarlo en cualquier lugar. Algunos marcos de trabajo permiten extensiones mínimas y cosas así, pero en nuestra experiencia, esto fue muy, muy difícil de trabajar.

Seguimos intentando contribuir, seguimos intentando ayudar a mejorar las cosas, pero en algún momento llegamos a un límite. Y también hubo otra cosa, donde algunos de los marcos de trabajo están construidos para un propósito específico. Están diseñados para que uses más herramientas de estas empresas. Y eso significa que también se refleja en las elecciones técnicas. Y eso significa que es difícil utilizar soluciones personalizadas que a veces son necesarias para aplicaciones complejas con estos marcos de trabajo de servidor y sus arquitecturas.

Así que volvimos a la mesa de dibujo y lo que ves aquí es en realidad el primer boceto que hicimos de Envelope. Intentaré explicar lo que estábamos pensando en ese momento. Tomamos GraphQL JS y tomamos las funciones que expone: parse, validate, execute y subscribe. Y pensamos, ¿qué pasaría si pudiéramos conectarnos al sistema? Podríamos tal vez conectarnos antes y después del parseo, antes y después de la validación. Ocho funciones antes y después de todo esto. Así que podríamos cambiar cualquier cosa y aún así exponer la misma API. Entonces, cualquier persona que use solo GraphQL, la implementación de referencia, aún podría usar lo mismo, pero ahora tenemos ganchos en el sistema con un poderoso sistema de plugins. Cada plugin podría conectarse a cada uno de estos pasos de GraphQL. Y también conectamos básicamente, simplemente te dimos la opción de proporcionar tu esquema.

4. Aprovechando Envelope para Servidores GraphQL Eficientes

Short description:

Entonces, Envelope es un potente sistema de plugins de GraphQL que te permite optimizar tu servidor con facilidad. Al agregar solo unos pocos plugins, puedes mejorar significativamente el rendimiento de tu servidor. Envelope simplifica el proceso de desarrollo tanto para los desarrolladores de servidores como para los desarrolladores de plugins, ofreciendo una API fácil de usar y un rico ecosistema de plugins. Con Envelope, puedes eliminar tareas repetitivas y compartir lógica en todo tu ecosistema. El centro de plugins proporciona una amplia gama de plugins para diversas funcionalidades, lo que facilita mejorar las capacidades de tu servidor.

Entonces, y ese esquema podría ser cualquier cosa, podría ser Nexus, podría ser geográfico, podría ser schema first con herramientas de GraphQL y también federación, de la que tal vez mencione más adelante. Y luego, todo esto está separado de la solicitud, el pipeline de solicitud HTTP.

Entonces, cuando manejas el pipeline de solicitud HTTP, lo dejamos en manos de las mejores herramientas que hacen ese trabajo, como Fastify, Express, Coa, y también en otros entornos como entornos serverless. Así que tienes todo el poder y simplemente usas estos frameworks como se pretende, no hay razón para que hagamos un mejor Fastify o envolvamos Fastify para ti.

Entonces eso es Envelope. Y eso es lo que lanzamos hace aproximadamente un año. Esto fue un cambio de juego para nosotros. Eliminamos mucho código al trabajar con clientes que utilizan el sistema. Y hoy en día, el ecosistema que lo rodea es enorme y ahora compartiré por qué. ¿Cuáles son las cosas que realmente, que Envelope nos ayudó? Lo primero, hay muchas cosas gráficas difíciles que repetíamos y hacíamos una y otra vez con cada cliente. Y ahora, en lugar de repetir estas cosas y depender del cliente que depende de la configuración, ahora podríamos compartir, podríamos convertir esa lógica en un plugin y compartirlo en todo el ecosistema, todos nuestros clientes y todos nuestros usuarios de código abierto.

Aquí tienes un ejemplo cuando iniciamos un servidor Envelope. En este ejemplo, obtenemos un servidor extremadamente eficiente solo agregando tres plugins con tres líneas de código. Usamos la caché del analizador, usamos la caché de validación y usamos GraphQL JIT. Solo con agregar estas tres cosas, nuestro servidor básico se vuelve mucho más rápido que probablemente tu servidor hoy. Y como desarrollador de servidores, no necesitaste hacer mucho. Solo necesitabas elegir algunos plugins y agregarlos con una línea de código y eso es todo. Pero para el desarrollador de plugins, tenían una API muy poderosa para conectarse en cada paso del sistema. Y creo que esa es la potencia de Envelope. Para los usuarios, para los desarrolladores de servidores, es extremadamente fácil. Y para los desarrolladores de plugins, es extremadamente poderoso. No estás perdiendo. La simplicidad no interfiere con el poder.

Y ahora, en realidad podrías, y también cuando comenzamos a construir todos estos plugins, vimos cada vez más personas de la comunidad que realmente contribuían. Así que creamos un centro de plugins. Es un lugar donde puedes explorar y hay muchos, muchos plugins diferentes hoy. Para muchas cosas difíciles que la gente solía crear muchas charlas de conferencias y muchos artículos de blog al respecto, ahora es tan fácil como escribir un plugin. Hay plugins para el almacenamiento en caché, el seguimiento con lo que quieras, Prometheus, DataDog, New Relic, Sentry, OpenTelemetry, Apollo Tracing, Loggers. Puedes usar consultas persistentes, todo tipo de plugins relacionados con la seguridad, como límites de velocidad, límites de profundidad, análisis de costos, todas estas cosas y muchas otras. Nuevamente, obtienes un ecosistema muy rico que puedes usar con las elecciones tecnológicas que desees hacer.

5. Poder de Envelope y Compatibilidad con Frameworks

Short description:

Con Envelope, puedes resolver problemas una vez y compartirlos en todo el ecosistema. Envelope es un marco para marcos, permitiendo que diferentes marcos se construyan sobre la misma infraestructura central. Redwood-JS es un ejemplo de un marco que ha adoptado Envelope. Vienen muchos más marcos. Envelope también proporciona conformidad para grandes corporaciones con múltiples servidores GraphQL.

Entonces, y eso me lleva al segundo punto, que ahora podemos resolver cada problema una vez con un plugin y compartirlo en todo el ecosistema, lo cual es una idea muy poderosa que, por alguna razón, no se había hecho hasta ahora. No importa dónde implementes, un servidor Envelope puede usar los mismos plugins y ser implementado utilizando cualquier servidor HTTP y en cualquier entorno, incluidos los trabajadores de CloudFlare en el borde, que es lo que solemos hacer. Esto es extremadamente poderoso. También puedes usar cualquier esquema que desees, incluido, por cierto, Apollo Federation.

Entonces, con algunos clientes que tenemos que utilizan Apollo Federation, en realidad reemplazamos el Apollo Gateway. Simplemente, tomamos el Apollo Gateway en su lugar, lo quitamos de los servicios federados existentes y lo reemplazamos con Envelope con soporte para Apollo Federation. Y ahora obtenemos tanto los beneficios de Apollo Federation como todo el poderoso sistema de plugins del ecosistema. Y eso fue realmente genial de hacer.

La tercera cosa que creo que fue realmente genial con Envelope es que ahora se convirtió en un marco para marcos. Puedes usarlo tal cual, pero también es un sistema de plugins muy poderoso. Ahora, todo tipo de marcos diferentes podrían construirse sobre la misma infraestructura central. En lugar de simplemente construir sobre GraphQL-JS, tienen el sistema de plugins de Envelope. Cada marco puede elegir sus opiniones y facilitarlo para ti, pero aún así compartir plugins y soluciones. Hay muchos ejemplos diferentes de marcos que ya funcionan con Envelope. El más famoso que probablemente verás hoy y hay una charla más tarde en GraphQL Galaxy es Redwood-JS.

Redwood es un marco increíble. Puedes construir aplicaciones extremadamente rápido con esto. Y al principio, se basaban en Apollo Server. Y luego, por todo tipo de razones, decidieron agregar también el soporte de Envelope. Una vez que agregaron el soporte de Envelope, su idea inicial era dar a los usuarios opciones para usar Apollo Server y Envelope. Pero después de un mes de usar Envelope, simplemente eliminaron por completo Apollo Server. Y ahora, con su versión 1.0, están completamente en Envelope. Y escribieron una publicación de blog increíble sobre por qué, y también publicaciones en el foro sobre por qué lo hicieron. Y creo que deberías leerlo porque hay muchos beneficios al hacerlo. Y vienen muchos más marcos. Puedes usar Envelope tal cual, pero también puedes usar marcos que se basan en Envelope. Y hay una cosa más que mencionaré pronto.

Otra cosa que vimos es que cuando comenzamos a usar Envelope y a compartir estos fragmentos de código y plugins, muchos de nuestros clientes son en realidad grandes corporaciones y quieren tener una cierta uniformidad. Tienen muchos equipos que están construyendo sus propios servidores GraphQL y también son responsables de implementarlos y mantenerlos, pero quieren tener algún tipo de conformidad. Por ejemplo, una forma de registro o, ya sabes, guardar trazas, o todo tipo de reglas de seguridad que desean compartir entre todos los diferentes equipos y todos los diferentes servidores GraphQL que tienen.

6. Envelope: Compartiendo Plugins y GraphQL Yoga

Short description:

Creamos un sobre de sobres para compartir plugins compartidos entre servidores, creando un servidor potente con infraestructura compartida. Klarna es uno de nuestros clientes que trasladó su infraestructura a Envelope. Envelope actúa como un Babel para GraphQL, permitiendo el uso de herramientas y primitivas poderosas que aún no están en la especificación. Visita nuestro sitio web y la charla en YouTube para obtener más información. También lanzamos GraphQL Yoga, un envoltorio alrededor de Envelope que proporciona una forma fácil de comenzar con todo incluido.

Lo que creamos fue algo así como un sobre de sobres para que puedas crear básicamente un plugin base que tenga todos los diferentes, todos los plugins compartidos en tu empresa, y luego puedes compartir eso en todos los servidores diferentes y los servidores pueden agregar y personalizar sus propios plugins. Pero ahora básicamente has creado un servidor potente que tiene toda la infraestructura compartida en toda tu organización.

Un ejemplo es Klarna, uno de nuestros grandes clientes, y recientemente tuitearon y hablaron sobre cómo trasladaron toda su infraestructura a Envelope y las cosas increíbles que les hizo, cómo les ayudó en toda la empresa. Hay muchos más casos como este, y espero compartir pronto más y más de estos estudios de caso y muchas empresas que hicieron esa transición.

Pero lo último que es realmente genial con Envelope es que también actúa, porque nos estamos conectando al sistema, también puede actuar como básicamente un Babel para GraphQL. Entonces, si piensas en el ecosistema de JavaScript durante muchos años, hemos estado usando todo tipo de características que no necesariamente son compatibles con todos los navegadores que no están en la especificación. Pero ya los usamos gracias a herramientas como Babel y muchas otras. Con Envelope, ahora tenemos la misma capacidad, pero con GraphQL. Específicamente, en The Guild lo hemos estado usando durante más de un año en todos nuestros servidores, estamos usando defer y stream, consultas en vivo con las directivas únicas y muchas otras herramientas muy poderosas y muchas primitivas de GraphQL muy poderosas que aún no están en la especificación. Lleva tiempo que las cosas se incluyan en la especificación y por buenas razones, pero eso no significa que no puedas y no debas usarlas. Todas estas herramientas son extremadamente poderosas y han mejorado mucho la forma en que escribimos servidores de GraphQL. Y gracias a Envelope, puedes usarlas hoy mismo.

Para obtener más información sobre Envelope, debes visitar nuestro sitio web, también en YouTube, tenemos un enlace de YouTube allí en la parte inferior. Puedes encontrar una charla que di en la que, en 15 o 20 minutos, inicio un servidor desde cero sin una sola línea de código y lo convierto en un servidor completo con defer y stream y soporte de consultas en vivo. Deberías ver la charla y, por supuesto, también la documentación y comenzar a usar Envelope. Pero hoy tengo una sorpresa más. Envelope, como dije, es un marco de frameworks. Y en The Guild, siempre intentamos ser, comenzar con lo básico y ser abiertos y muy flexibles y no ser demasiado dogmáticos. Pero si algunas personas en la comunidad conocen este símbolo y lo que representa, durante muchos años tuvimos básicamente un marco de GraphQL muy famoso en la comunidad, se llamaba GraphQL Yoga. Era extremadamente simple, el objetivo de este marco fue construido por Prisma. Y su objetivo era hacerlo lo más simple posible para iniciar el servidor de GraphQL. Realmente empujó en ese momento el límite de lo fácil y simple que es iniciar un servidor de GraphQL. Prisma se enfocó en otras empresas y se alejó un poco de esto. Pero fueron muy amables al trabajar con nosotros y entregarnos GraphQL Yoga. Y hoy estoy muy feliz de anunciar que acabamos de lanzar la primera versión alfa 2.0 de GraphQL Yoga que puedes comenzar a usar hoy. La idea aquí es que GraphQL Yoga, básicamente, construimos GraphQL Yoga como un envoltorio alrededor de un envoltorio con opiniones alrededor de Envelope. Entonces puedes disfrutar de todo lo que acabo de decir sobre Envelope, pero aún así comenzar de manera extremadamente fácil y básicamente tener un marco con todo incluido que tiene, no solo las herramientas que se incluyen de fábrica, obtienes soporte de suscripción de GraphQL, soporte de defer y stream, soporte oficial y actualizado de GraphiQL en localhost. No necesitas tener GraphiQL en la nube ni nada por el estilo. Y es moderno, está actualizado, es extremadamente eficiente. Aún es muy flexible porque aún puedes personalizarlo por completo gracias a los plugins de Envelope.

7. GraphQL Yoga y el Poder de Envelope

Short description:

Y lo más importante es que, al igual que todas las bibliotecas de The Guild, esto se mantendrá a largo plazo. Tenemos un marco completo de servidor GraphQL que está aquí para quedarse y mejorar cada vez más. Ya es el mejor en la comunidad. Así que espero que lo pruebes. Solo busca GraphQL Yoga en Google, accede al repositorio y acaba de lanzarse la versión alfa 2.0 y queremos tus comentarios. En resumen, gracias a Envelope y YOGA, obtienes un servidor GraphQL moderno. Puedes aprovechar el poder de la comunidad abierta. Hay todo un ecosistema de plugins. Nuestras herramientas y bibliotecas siempre están actualizadas y bien mantenidas. La combinación de Envelope y GraphQL YOGA te brindará un servidor realmente potente. Muchas gracias y que tengas una excelente conferencia de GraphQL Galaxy, todos.

Y lo más importante es que al igual que todas las bibliotecas de The Guild, esto se mantendrá a largo plazo. Durante los últimos cuatro o cinco años, básicamente mostramos a la comunidad que todas las bibliotecas que mantenemos están ahí a largo plazo. Y ahora finalmente, tenemos un servidor GraphQL, un marco completo de servidor GraphQL que está aquí para quedarse y mejorar cada vez más y más. Y ya es el mejor en la comunidad. Así que espero que lo pruebes. Solo busca GraphQL Yoga en Google, accede al repositorio y acaba de lanzarse la versión alfa 2.0 y queremos tus comentarios.

En resumen, pensamos que te mereces y el ecosistema merece un mejor ecosistema de servidores cuando realmente entras en producción. Siempre fue muy fácil comenzar. Pero cuando entras en producción, las cosas empezaron a ser un poco menos flexibles y un poco menos potentes. Así que ahora gracias a Envelope y YOGA, obtienes un servidor GraphQL moderno. Puedes aprovechar el poder de la comunidad abierta. No necesitas depender de un determinado ecosistema. No necesitas depender de GIL. Hay todo un ecosistema de plugins. Nuestras herramientas y nuestras bibliotecas siempre están actualizadas y siempre bien mantenidas a largo plazo. Así que ahora la combinación de Envelope y GraphQL YOGA te brindará un servidor realmente potente en el que realmente puedes construir de manera segura. Sin mencionar que aún puedes usar todos los demás marcos en el ecosistema de marcos que aún se basan en Envelope, como Redwood JS, por ejemplo.

Muchas gracias por escuchar. Realmente espero recibir más comentarios sobre esto y porque estamos muy orgullosos en GIL de siempre estar ahí, siempre escuchando a la comunidad y mejorando según las necesidades de la comunidad y no solo por ideas aleatorias que tenemos. Muchas gracias y que tengas una excelente conferencia de GraphQL Galaxy, todos. Vamos a ver los resultados de la sesión de preguntas y respuestas inversas donde Juri te hizo una pregunta. Así que Juri, hola, gracias por unirte a mí en el escenario. Echemos un vistazo a los resultados. Y el ganador es Apollo. ¿Eso es lo que esperabas? En realidad, no, pero creo que Apollo en realidad el servidor de Apollo no admite la transmisión actual. Creo que tienen un problema abierto al respecto, pero aún no lo admiten. Según las respuestas que podemos ver aquí, creo que en realidad- creo que este es el mejor. Sí, el emoji es el correcto. Sí, en realidad, la mayoría de las respuestas aquí son del ecosistema de JavaScript. No estoy seguro en realidad si Azure admite defer aún o no.

QnA

Envelope, GraphQL-Leoga y la Integración con Apollo

Short description:

Envelope y GraphQL-Leoga admiten defer y stream, junto con otras nuevas características de GraphQL. Envelope actúa como el Babel de GraphQL, permitiendo el uso de características que no están en la especificación. The Guild planea agregar complementos independientes del lenguaje a la ejecución de GraphQL. Fomentan que otros marcos y lenguajes adopten este enfoque y están abiertos a la colaboración. En cuanto a Apollo Studio, Helix y Envelope se pueden utilizar con GraphQL Studio y otras herramientas de Apollo. The Guild tiene un complemento para Apollo Tracing y es compatible con Apollo Federation. También ofrecen GraphQL Hive, un servicio similar a Apollo Studio, que incluye un registro de esquema y otras características.

En realidad, no estoy seguro de eso, pero Envelope y GraphQL-Leoga admiten defer y stream, junto con otras nuevas características de GraphQL que, aunque no están en la especificación, forman parte de Envelope. Es como el Babel de GraphQL, por lo que puedes usar características que aún no están en la especificación y usarlas desde hoy. Ya lo hemos estado usando durante algunos meses, especialmente defer, que es una característica muy poderosa y nos gusta mucho. Si alguien vio la charla de relay en la conferencia de React ayer, relay tiene soporte para defer, por lo que si quieres usarlo, definitivamente puedes hacerlo con Envelope en GraphQL Yoga. Genial. Bien, pasemos a las preguntas y respuestas reales. Tenemos una pregunta de Alexander Vaurvik, quien también hablará más tarde hoy. ¿Existen características específicas del lenguaje JavaScript en las que el sistema dependa? ¿Crees que este método de trabajo se podría aplicar a otros lenguajes? Sí, esa es una excelente pregunta. Creemos que sí, y también tenemos planes. Una de las cosas que queremos hacer es, en primer lugar, que otras personas de la comunidad de otros ecosistemas vean este enfoque, porque creemos que el enfoque en sí mismo debería ser genial y debería ser copiado por otros marcos en otros lenguajes. Pero también tenemos planes para agregar complementos a la ejecución de GraphQL de una manera independiente del lenguaje. Aún estamos en proceso y tenemos algunas pruebas de concepto, pero definitivamente es algo en lo que estamos pensando, y si alguien está desarrollando un marco para otros lenguajes en este momento, o por cierto, otros marcos para JavaScript, háblenos. Nos encantaría ayudar y compartir la idea, obtener comentarios y trabajar juntos para llevar esta idea a la mayor cantidad de personas posible y mejorar todo el ecosistema, por supuesto. Bien. Gracias, Yuri. La siguiente pregunta es de Danny. Danny Z. Una de las limitaciones que vemos al usar Helix y Envelope es la falta de algo como Apollo Studio. ¿Por qué sucede esto? Nuestros probadores están acostumbrados a realizar operaciones de prueba directamente en Studio. La pregunta que tengo es si The Guild tiene planes de tener un servicio similar a Studio. Sí, hay algunas cosas al respecto. En primer lugar, puedes usar GraphQL Studio con Helix y Envelope. El punto principal de todas las herramientas que creamos en The Guild es que funcionan con cualquier cosa. No estamos bloqueados por proveedores. Entonces, en realidad, con Envelope, tenemos un complemento para Apollo Tracing, por ejemplo, y puedes usar todas las diferentes herramientas de Apollo, incluyendo, por cierto, una cosa que estamos haciendo con nuestros clientes que utilizan Apollo Federation es que reemplazamos el Apollo Gateway con Envelope. Entonces, en realidad, tomamos la pieza de Apollo Federation que combina los esquemas y los ejecuta y todo, y lo ejecutamos dentro de Envelope. Así que obtienes lo mejor de ambos mundos, obtienes todos los complementos de Envelope y Apollo Federation. Por lo tanto, en cuanto a la primera parte de la respuesta, es posible usar Helix y Envelope con todas las herramientas de Apollo. Si tienes algún problema con eso, avísanos. En cuanto a la segunda pregunta, si tenemos planes de tener algo similar a Apollo Studio, no solo tenemos planes, en realidad tenemos algo que se llama GraphQL Hive, y es un servicio que básicamente es un registro de esquemas y hace muchas cosas, como rastrear tus solicitudes en vivo y decirte cuándo puedes deprecarlas, mostrarte cuáles son nuestras consultas más lentas. Se conecta a Datadog, Century y otros servicios. Así que sí, definitivamente también echa un vistazo a GraphQL Hive. Bien.

Animaciones en Diapositivas y Gratitud

Short description:

En respuesta a una pregunta sobre las increíbles animaciones en las diapositivas, el orador acredita a un diseñador independiente llamado Idan Avshalem por su increíble trabajo. El orador menciona que Idan ha sido de gran ayuda para dar vida a sus ideas visuales. Idan está disponible para contratar y todas las animaciones en las diapositivas fueron creadas utilizando Apple Keynote. El orador recomienda encarecidamente los servicios de Idan y aclara que las animaciones no se realizaron en After Effects. El orador concluye expresando gratitud por la oportunidad de unirse al evento y participar en las discusiones del panel.

Bien, nos queda un minuto. Así que voy a hacer una pregunta breve que fue formulada por Alexander, nuevamente, yo, y otro usuario anónimo. ¿Qué utilizaste para crear las increíbles animaciones en tus diapositivas? En realidad, el crédito no es para mí. Yo soy, digamos, el que lo dibuja en un trozo de papel y se ve horrible. Y luego tenemos un diseñador independiente que trabaja en eso. Su nombre es Idan Avshalem y es increíble. Él me ha estado ayudando durante años a hacer estas diapositivas. Sí, es realmente bueno que pueda pensar visualmente porque soy un pensador visual. Y luego puedo llevarlo a las diapositivas y explicárselo a la gente. Ha sido de gran ayuda para mí. Pero él no está disponible porque trabaja exclusivamente para ti, ¿o la gente puede contratarlo? No, no, está disponible para contratar. Si alguien quiere contactarlo, solo avísenme. Es increíble, lo recomiendo mucho para todos. Sí. Y toda la ejecución real de sus diseños se realiza en Keynote. Como todas las animaciones y todo lo que se mueve. Es Keynote y él lo creó. Así que sí, lo recomiendo mucho. Pensé que lo había hecho en After Effects.

Bien, Jurri, ¿es todo el tiempo que tenemos? No. Así que muchas gracias, por supuesto, por unirte a nosotros aquí hoy. Creo que todavía te unirás más tarde para la sala de discusión, ¿verdad? O charla relámpago, sala de discusión. Sí, estoy participando en un par de discusiones en grupo. Muchas gracias por tenerme. Muy bien, Jurri, nos vemos entonces, adiós adiós.

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

Simplificando los Componentes del Servidor
React Advanced 2023React Advanced 2023
27 min
Simplificando los Componentes del Servidor
Top Content
React server components simplify server-side rendering and provide a mental model of components as pure functions. Using React as a library for server components allows for building a basic RSC server and connecting it to an SSR server. RSC responses are serialized virtual DOM that offload code from the client and handle interactivity. The client manifest maps serialized placeholders to real components on the client, enabling dynamic rendering. Server components combine the best of classic web development and progressive enhancement, offering the advantage of moving logic from the client to the server.
Explorando los fundamentos de los Componentes del Servidor React
React Day Berlin 2023React Day Berlin 2023
21 min
Explorando los fundamentos de los Componentes del Servidor React
Top Content
This Talk introduces React Server Components (RSC) and explores their serialization process. It compares RSC to traditional server-side rendering (SSR) and explains how RSC handles promises and integrates client components. The Talk also discusses the RSC manifest and deserialization process. The speaker then introduces the Waku framework, which supports bundling, server, routing, and SSR. The future plans for Waku include integration with client state management libraries.
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.
Y Ahora Entiendes los Componentes del Servidor React
React Summit 2024React Summit 2024
27 min
Y Ahora Entiendes los Componentes del Servidor React
Top Content
In this Talk, Kent C. Dodds introduces React Server Components (RSCs) and demonstrates how to build them from scratch. He explains the process of integrating RSCs with the UI, switching to RSC and streaming for improved performance, and the benefits of using RSCs with async components. Dodds also discusses enhancements with streaming and server context, client support and loaders, server component rendering and module resolution, handling UI updates and rendering, handling back buttons and caching, and concludes with further resources for diving deeper into the topic.
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.
Una Guía Práctica para Migrar a Componentes de Servidor
React Advanced 2023React Advanced 2023
28 min
Una Guía Práctica para Migrar a Componentes de Servidor
Top Content
React query version five is live and we'll be discussing the migration process to server components using Next.js and React Query. The process involves planning, preparing, and setting up server components, migrating pages, adding layouts, and moving components to the server. We'll also explore the benefits of server components such as reducing JavaScript shipping, enabling powerful caching, and leveraging the features of the app router. Additionally, we'll cover topics like handling authentication, rendering in server components, and the impact on server load and costs.

Workshops on related topic

Dominando React Server Components y Server Actions en React 19
React Summit US 2024React Summit US 2024
150 min
Dominando React Server Components y Server Actions en React 19
Featured Workshop
Maurice de Beijer
Maurice de Beijer
¡Llamando a todos los desarrolladores de React! Únete a nosotros para una masterclass inmersiva de 4 horas profundizando en React Server Components y Server Actions. Descubre cómo estas tecnologías revolucionarias están transformando el desarrollo web y aprende a aprovechar todo su potencial para construir aplicaciones rápidas y eficientes.

Explora el mundo de React Server Components, combinando sin problemas el renderizado del lado del servidor con la interactividad del lado del cliente para un rendimiento y experiencia de usuario incomparables. Sumérgete en React Server Actions para ver cómo combinan la interactividad del lado del cliente con la lógica del lado del servidor, facilitando el desarrollo de aplicaciones interactivas sin las limitaciones tradicionales de las API.

Obtén experiencia práctica con ejercicios prácticos, ejemplos del mundo real y orientación experta sobre la implementación de estas tecnologías en tus proyectos. Aprende temas esenciales como las diferencias entre Server y Client Components, optimización de la obtención de datos, pasando datos de manera efectiva y maximizando el rendimiento con nuevos hooks de React como useActionState, useFormStatus y useOptimistic.

Ya sea que seas nuevo en React o un profesional experimentado, esta masterclass te equipará con el conocimiento y las herramientas para elevar tus habilidades de desarrollo web. Mantente a la vanguardia y domina la tecnología de vanguardia de React 19. No te lo pierdas: ¡regístrate ahora y desata todo el poder 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
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.
Next.js 13: Estrategias de Obtención de Datos
React Day Berlin 2022React Day Berlin 2022
53 min
Next.js 13: Estrategias de Obtención de Datos
Top Content
Workshop
Alice De Mauro
Alice De Mauro
- Introducción- Prerrequisitos para la masterclass- Estrategias de obtención: fundamentos- Estrategias de obtención – práctica: API de obtención, caché (estática VS dinámica), revalidar, suspense (obtención de datos en paralelo)- Prueba tu construcción y sírvela en Vercel- Futuro: Componentes de servidor VS Componentes de cliente- Huevo de pascua de la masterclass (no relacionado con el tema, destacando la accesibilidad)- Conclusión
La Puerta al Backend: Guía del Desarrollador Frontend para el Desarrollo Full-Stack
React Summit US 2023React Summit US 2023
160 min
La Puerta al Backend: Guía del Desarrollador Frontend para el Desarrollo Full-Stack
Top Content
WorkshopFree
Amy Dutton
Amy Dutton
Esta masterclass te guiará a través del ciclo de vida del desarrollo de productos para crear una aplicación web del mundo real. Aprenderás sobre los Componentes del Servidor React, construyendo un sistema de diseño dentro de Storybook, y utilizando el desarrollo frontend para acercarte a convertirte en un desarrollador full-stack. La masterclass cubrirá el aumento de la confianza en tu aplicación con pruebas unitarias e implementando autenticación y autorización. Tendrás la oportunidad de trabajar a través de las características del producto y examinar un proyecto real de RedwoodJS, obteniendo valiosa experiencia en el desarrollo de productos del mundo real. RedwoodJS hace que sea simple acercarse al desarrollo full-stack, y esta masterclass te dará las habilidades que necesitas para crear tus propias aplicaciones web del mundo real.
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