GraphQL is Everywhere!

I find GraphQL extremely fun and empowering tech to work with, even as a novice just getting started. You've probably heard the elevator pitch before: it allows you to ask for exactly the data you need whenever you need it (probably at the component level), and it arrives as lovely JSON data for your usage.

I see it used as part of modern website builds all the dang time. The overall vibe is, "I want to do whatever I want on the front end, and that actually allows for more back-end choices as well." And by "whatever" on the front end, that generally means a fancy SPA-ish JavaScript-powered thing or a static-site generator-ish thing.

Here's a quick smattering of articles that are everywhere these days. Instead of the actual article titles, I'll rename with the stack parts.

• Contentful > GraphQL
• Contentful > GraphQL > Gatsby
• Another Contentful > GraphQL > Gatsby
• CraftCMS > GraphQL
• Craft CMS > GraphQL > Headless site
• CraftCMS > GraphQL > Vue
• GraphQL > 11ty
• WordPress > GraphQL
• WordPress.com > GraphQL > Gatsby
• WordPress.org > GraphQL > Gatsby
• WordPress > GraphQL > Vue
• Drupal > GraphQL
• GraphCMS > GraphQL
• DatoCMS > GraphQL
• DatoCMS > GraphQL > Vue/Nuxt
• CosmicJS > GraphQL
• GravCMS > Gatsby > GraphQL
• Strapi > GraphQL > Gatsby
• Netlify CMS > Gatsby > GraphQL
• Gentics Mesh > GraphQL
• Relax > GraphQL (maybe dead?)
• Jekyll > GraphQL
• TakeShape > GraphQL

GraphQL is certainly in the new-and-hip category, but as ever, everything old is new again. Check out Query by Example, a language from the 1970's:

.....Name: Bob
..Address:
.....City:
....State: TX
..Zipcode:

Resulting SQL:

SELECT * FROM Contacts WHERE Name='Bob' AND State='TX';

The post GraphQL is Everywhere! appeared first on CSS-Tricks.

from CSS-Tricks https://ift.tt/2Tix4El
via IFTTT