AJR/TechradarDev
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: streamline graphql update to make changes more visible (#166)

Browse Source
This commit is contained in:
Stefan Rotsch
2023-02-22 19:21:49 +01:00
committed by Bastian
parent 46c32eefbe
commit dd2e4e71c0
2 changed files with 15 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
radar/2019-11-01/graphql.md
View File

@@ -2,22 +2,25 @@
title: "GraphQL" title: "GraphQL"
ring: adopt ring: adopt
quadrant: methods-and-patterns quadrant: methods-and-patterns
tags: [architecture] tags: [architecture]
--- ---
GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. [GraphQL](https://graphql.org/) is a query language for your API, and a server-side runtime for executing queries by
GraphQL isn't tied to any specific database or storage engine and is instead backed by your existing code and data. using a type system you define for your data. It isn't tied to any specific database or storage engine and is instead
backed by your existing code and data.
GraphQL was developed by Facebook around 2010 and releases 2015. GraphQL was developed by Facebook around 2010 and released 2015.
The main challenge it solves is to improve communication between browser and server on high dynamic web apps. The main challenge it solves is to improve communication between browser and server on high dynamic web apps.
The advantages are: Key advantages are:
* schema and schema validation together with a useful type system
* the client (browser) controls what data should be sent (data reduction)
* with one request you can fetch "all" required data
We are using it together with [Apollo Client](/tools/apollo-client.html) in our [React.js](/languages-and-frameworks/react.html) based frontend. - schema and schema validation together with a useful type system
This way the React components have their relevant GraphQL snippet, defining what data they request or mutate from the "backend for frontend", directly coupled. - the client (browser) controls what data should be sent (data reduction)
That makes it transparent what data is available. Apollo takes care of sending an aggregated GraphQL query to the backend. - with one request you can fetch "all" required data
The framework [Flamingo offers support for GraphQL](https://docs.flamingo.me/3.%20Flamingo%20Modules/graphql.html) and also Flamingo Commerce offers a full featured GraphQL API for e-commerce features. ([Example GraphQL Console for Commerce](https://demoshop.flamingo.me/en/graphql-console)) Client side integration can be achieved using the [Apollo Client Framework](/tools/apollo-client.html) which easily
integrates into [React.js](/languages-and-frameworks/react.html) based frontends.
The Flamingo framework [offers support for GraphQL](https://docs.flamingo.me/3.%20Flamingo%20Modules/graphql.html)
while Flamingo Commerce provides a full-featured GraphQL API for e-commerce:
[Example GraphQL Console for Commerce](https://demoshop.flamingo.me/en/graphql-console).

21
radar/2022-10-12/graphql.md
View File

@@ -5,30 +5,9 @@ quadrant: methods-and-patterns
tags: [architecture] tags: [architecture]
--- ---
[GraphQL](https://graphql.org/) is a query language for your API, and a server-side runtime for executing queries by
using a type system you define for your data.
GraphQL isn't tied to any specific database or storage engine and is instead backed by your existing code and data.
GraphQL was developed by Facebook around 2010 and released 2015.
The main challenge it solves is to improve communication between browser and server on high dynamic web apps.
The advantages are:
- schema and schema validation together with a useful type system
- the client (browser) controls what data should be sent (data reduction)
- with one request you can fetch "all" required data
Client side integration can be achieved using the [Apollo Client Framework](/tools/apollo-client.html) which easily
integrates into
[React.js](/languages-and-frameworks/react.html) based frontends.
For [Spring Boot](https://spring.io/projects/spring-boot/) based backends [DGS](https://netflix.github.io/dgs/) provides For [Spring Boot](https://spring.io/projects/spring-boot/) based backends [DGS](https://netflix.github.io/dgs/) provides
a nice framework featuring: a nice framework featuring:
- an annotation-based programming model for Spring - an annotation-based programming model for Spring
- a test framework for writing query tests as unit tests - a test framework for writing query tests as unit tests
- a [Gradle](https://gradle.org/) code generation plugin to create types from a GraphQL schema in Java or Kotlin - a [Gradle](https://gradle.org/) code generation plugin to create types from a GraphQL schema in Java or Kotlin
The framework [Flamingo offers support for GraphQL](https://docs.flamingo.me/3.%20Flamingo%20Modules/graphql.html) and
also Flamingo Commerce offers a full featured GraphQL API for e-commerce
features. ([Example GraphQL Console for Commerce](https://demoshop.flamingo.me/en/graphql-console))