Versión en EspañolES

Aprendiendo GraphQL: de curioso a confiado

Please sign in to watch this workshop.

GraphQL es un lenguaje de consulta para APIs que proporciona una descripción completa y comprensible de los datos en su API, al tiempo que brinda a los clientes el poder de solicitar exactamente lo que necesitan y nada más. Si bien hay varios beneficios de GraphQL, también existen diversos desafíos para adoptar APIs de GraphQL dentro de las organizaciones. Entonces, ¿GraphQL es adecuado para ti? Si es así, ¿por dónde debes empezar?

En este masterclass, te guiaremos a través de los diversos conceptos de GraphQL de manera práctica con el objetivo de ayudar a la audiencia a comprender GraphQL como una tecnología y evaluar si es la elección correcta para su proyecto/organización.

Tabla de contenidos:
- ¿Qué es GraphQL? - Una visión general de la tecnología y por qué existe
- El debate REST v/s GraphQL
- El ecosistema de GraphQL - herramientas y recursos
- Configuración del proyecto (React + Express + Tyk)
- Conceptos básicos de GraphQL: práctica
- Gestión de la API de GraphQL con Tyk
- Unión de esquemas con Tyk Universal Data Graph
- Conclusión

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

FAQ

GraphQL es un lenguaje de consulta para APIs creado por Facebook en 2012 y lanzado públicamente en 2015. Permite a los desarrolladores solicitar exactamente lo que necesitan, haciendo las APIs más flexibles y eficientes.

GraphQL ofrece una mayor flexibilidad en las consultas y evita la sobreexposición y subexposición de datos, a diferencia de REST que se enfoca en recursos específicos y puede ser menos flexible en la distribución de productos omnicanal.

GraphQL permite a los desarrolladores solicitar datos específicos que necesitan, lo que reduce el volumen de datos transferidos y optimiza las interacciones con el backend, ofreciendo respuestas más predictivas y eficientes.

Tyke es una plataforma nativa de la nube para la gestión de APIs y servicios que ofrece una puerta de enlace de API de baja latencia y un panel de control para interactuar con diversas APIs, incluyendo GraphQL, REST y gRPC.

Para asegurar un punto final de GraphQL con Tyke, se pueden agregar características de seguridad como autenticación, autorización, limitación de tasa, y restricciones de profundidad de consulta y permisos basados en campos.

El gráfico de datos universal de Tyke es una herramienta que permite construir puntos finales de GraphQL de manera sin código, combinando APIs REST existentes para crear un nuevo punto final de GraphQL eficiente y rápido.

graphql beginner friendly

Buddha Bhattacharya

135 min

06 Dec, 2021

Comments

Available in other languages:

Watch more workshops on topic

Construye una aplicación WordPress sin cabeza con Next.js y WPGraphQL

React Summit 2022

173 min

Construye una aplicación WordPress sin cabeza con Next.js y WPGraphQL

Top Content

WorkshopFree

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.

wordpress next.js graphql

Detox 101: Cómo escribir pruebas de extremo a extremo estables para su aplicación React Native

React Summit 2022

117 min

Detox 101: Cómo escribir pruebas de extremo a extremo estables para su aplicación React Native

Top Content

WorkshopFree

Yevheniia Hlovatska

A diferencia de las pruebas unitarias, las pruebas de extremo a extremo buscan interactuar con su aplicación tal como lo haría un usuario real. Y como todos sabemos, puede ser bastante desafiante. Especialmente cuando hablamos de aplicaciones móviles.
Las pruebas dependen de muchas condiciones y se consideran lentas e inestables. Por otro lado, las pruebas de extremo a extremo pueden dar la mayor confianza de que su aplicación está funcionando. Y si se hace correctamente, puede convertirse en una herramienta increíble para aumentar la velocidad del desarrollador.
Detox es un marco de pruebas de extremo a extremo en caja gris para aplicaciones móviles. Desarrollado por Wix para resolver el problema de la lentitud e inestabilidad y utilizado por React Native en sí como su herramienta de pruebas E2E.
Únete a mí en esta masterclass para aprender cómo hacer que tus pruebas de extremo a extremo móviles con Detox sean excelentes.
Prerrequisitos- iOS/Android: MacOS Catalina o más reciente- Solo Android: Linux- Instalar antes de la masterclass

e2e testing react native detox react native test automation react native react native testing react native accessibility testing beginner friendly

Construir con SvelteKit y GraphQL

GraphQL Galaxy 2021

140 min

Construir con SvelteKit y GraphQL

Top Content

WorkshopFree

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

graphql svelte

Modelado de Bases de Datos Relacionales para GraphQL

GraphQL Galaxy 2020

106 min

Modelado de Bases de Datos Relacionales para GraphQL

Top Content

Workshop

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

graphql database

Construir y Desplegar un Backend Con Fastify & Platformatic

JSNation 2023

104 min

Construir y Desplegar un Backend Con Fastify & Platformatic

Top Content

WorkshopFree

Matteo Collina

Platformatic te permite desarrollar rápidamente GraphQL y REST APIs con un esfuerzo mínimo. La mejor parte es que también te permite desatar todo el potencial de Node.js y Fastify siempre que lo necesites. Puedes personalizar completamente una aplicación de Platformatic escribiendo tus propias características y plugins adicionales. En la masterclass, cubriremos tanto nuestros módulos de Open Source como nuestra oferta en la Nube:- Platformatic OSS (open-source software) — Herramientas y bibliotecas para construir rápidamente aplicaciones robustas con Node.js (https://oss.platformatic.dev/).- Platformatic Cloud (actualmente en beta) — Nuestra plataforma de alojamiento que incluye características como aplicaciones de vista previa, métricas integradas e integración con tu flujo de Git (https://platformatic.dev/).
En esta masterclass aprenderás cómo desarrollar APIs con Fastify y desplegarlas en la Platformatic Cloud.

graphql node.js cloud fastify

Construyendo APIs GraphQL sobre Ethereum con The Graph

GraphQL Galaxy 2021

48 min

Construyendo APIs GraphQL sobre Ethereum con The Graph

WorkshopFree

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.

ethereum graphql api development

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

Entendiendo la Arquitectura Fiber de React

React Advanced 2022

29 min

Entendiendo la Arquitectura Fiber de React

Top Content

Tejas Kumar

Author of the "Fluent React" bestselling book, software engineer with 23 years of experience, and host of the developer-loved ConTejas Code podcast.

This Talk explores React's internal jargon, specifically fiber, which is an internal unit of work for rendering and committing. Fibers facilitate efficient updates to elements and play a crucial role in the reconciliation process. The work loop, complete work, and commit phase are essential steps in the rendering process. Understanding React's internals can help with optimizing code and pull request reviews. React 18 introduces the work loop sync and async functions for concurrent features and prioritization. Fiber brings benefits like async rendering and the ability to discard work-in-progress trees, improving user experience.

react 18 react concurrent rendering architecture react fiber react reconciliation beginner friendly

De GraphQL Zero a GraphQL Hero con RedwoodJS

GraphQL Galaxy 2021

32 min

De GraphQL Zero a GraphQL Hero con RedwoodJS

Top Content

Tom Preston-Werner

GitHub cofounder, RedwoodJS author

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.

redwoodjs builders and founders graphql frameworks

Estado Local y Caché del Servidor: Encontrando un Equilibrio

Vue.js London Live 2021

24 min

Estado Local y Caché del Servidor: Encontrando un Equilibrio

Top Content

Natalia Tepluhina

GitLab

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.

vue graphql server cache

Baterías Incluidas Reimaginadas - El Resurgimiento de GraphQL Yoga

GraphQL Galaxy 2021

33 min

Baterías Incluidas Reimaginadas - El Resurgimiento de GraphQL Yoga

Uri Goldshtein

Founder of The Guild, the largest open source group in GraphQL ecosystem.

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.

react server components graphql

Aplicaciones sólidas de React y GraphQL para personas con prisa

GraphQL Galaxy 2022

29 min

Aplicaciones sólidas de React y GraphQL para personas con prisa

Ryan Chenkie

Founder @ CourseLift

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.

react graphql

Adoptando GraphQL en una Empresa

GraphQL Galaxy 2021

32 min

Adoptando GraphQL en una Empresa

Shruti Kapoor

Lead Front End Engineer @ Slack

Today's Talk is about adopting GraphQL in an enterprise. It discusses the challenges of using REST APIs and the benefits of GraphQL. The Talk explores different approaches to adopting GraphQL, including coexistence with REST APIs. It emphasizes the power of GraphQL and provides tips for successful adoption. Overall, the Talk highlights the advantages of GraphQL in terms of efficiency, collaboration, and control over APIs.

graphql enterprise