Tell me more..

If you like to get into the nitty gritty of tech specs, you can head over to the GraphQL Working Draft (GitHub) to have a deeper read, then play around with the reference implementation in JavaScript.

Though if specs aren't really your style, check out 'Learn GraphQL' and give their free short course a run through. Should get you up to speed!

Ok. I'm in!

Excited? Want to dive into it? Need libraries for your particular tech stack? Head on over to the Awesome GraphQL list. You're bound to find what you need!

For my particular tech palette I was after something Scala'esque, maybe some Akka-HTTP to go with it. Seems I wasn't the only one! Sangria (GitHub) is a Scala GraphQL implementation. They even have an Akka-HTTP based example. Perfect! Throw in a little Relay support and this package is pretty much complete.

If you're looking for an all-in-one stack heading forward, I keep seeing a lot of good things posted by the team at Apollo Stack (by the Meteor team), so would most definitely recommend keeping an eye on them. They also post a lot of really good articles on their blog too.

For some further reading, make sure to check out:

• "Tutorial: How to build a GraphQL server" by Jonas Helfer

GraphQL and Relay.. What about Redux?

A lot of things you'll read about GraphQL on the net will talk about it quite closely with Relay, and given they were both released by Facebook, and sort of designed to work together, it makes a lot of sense. That said, you most definitely don't need to use Relay to take advantage of the awesomeness GraphQL provides!

KADIRA states it pretty well in GraphQL vs Relay:

GraphQL provides a way to model and expose data in your app. You can use it on top of any kind of data source and use it with any kind of transport layer.

Relay is an efficient client-side data-fetching technology built for React. It talks to a GraphQL Schema to get data. Relay also has a server-side part that adds some features on top of GraphQL.

There is a bunch of talk about how Relay is currently a pain to use, but Facebook seems to be well aware of this issue and has future plans to make it much nicer to work with.

I think it's definitely worth keeping an eye on Relay in the future, but if you're not quite ready to jump in, you can always take advantage of the benefits of GraphQL while sticking to something like Redux (GitHub). For further reading:

• "Comparing Redux and Relay" by Mikhail Novikov
• "Replacing Relay with Redux" by Matt Krick
• "Getting started with Redux and GraphQL" by James Childs-Maidment
• Apollo Stack
• Cashay: "Relay for the rest of us"
• Adrenaline: "Simple Relay alternative"
• React-Reach: "A small library for React to communicate with GraphQL"

GraphQL vs Falcor

So by now we should have a fairly good idea about what GraphQL is. So what's Falcor? This one comes from our friends over at Netflix. In essence, it turns all of your data sources into one giant JSON graph. Regardless of whether you're loading data remotely, have it cached locally, etc; you'll access it in the same way.

If you want to read deeper, I found these to be quite useful:

• "What is the difference between Falcor and GraphQL?" on StackOverflow
• "GraphQL vs. Falcor" by Jonas Helfer
• "Beyond REST: GraphQL vs. Falcor" by React-Etc

The consensus that I came to is that it seems to be on par with GraphQL in a number of ways, but is probably a bit easier to implement and a bit less powerful overall. Apparently you could even go so far as to query GraphQL with Falcor, but not the other way. For my purposes, I think I'll be sticking with GraphQL.

It's also worth noting that Facebook has been using various flavours of GraphQL for a few years now, whereas Netflix is yet to (or has only recently) started using Falcor in production.

API's: REST, HATEOS, Observables.. GraphQL!

I have read SO many articles over the years about the 'proper' way to design API's, and why styleX is so much better than styleY. With so much info out there, and so much conflicting advice (even within each supposed style), it's really easy to get stuck in analysis paralysis.

Greg Ziegan put together a nice little article talking about his progression along this path: from REST, through HATEOS, observables, etc; and how he ended up at GraphQL. Following on from this, Sashko Stubailo makes a pretty good argument about why GraphQL is "the next generation of API design".

While the benefits of a GraphQL-based API seem pretty obvious to me, it's not always feasible to jump straight into shiny new tech. Maybe you need to support legacy services, interact with 3rd-party API's, or allow other developers to consume your API without them having to learn the ins and outs of GraphQL. But thankfully, we don't need to pick one over the other!

The GraphQL team have a pretty good article on their blog about wrapping REST API's in GraphQL, starting purely with the client-side, and later moving it to the backend. This idea plays in SO well with some little side-projects I've been thinking about over the years, and how it could be used to help decompose and combine existing API's.

Conclusion

This is a scattering of the articles and things I have read through while learning more about GraphQL, and why it is so awesome. I definitely know it's a technology that I am super excited to start utilising in my future projects.

Have you come across any other awesome articles/tools related to GraphQL or similar? I'd love to hear about them! Let me know in the comments below.

In any case, this stopped working for a while, and I finally got around to reenabling it yesterday, so figured I would make a quick post about how to find it for anyone else interested.

Hope you guys enjoy/find it useful! :)

Facebook Event Feed

• Go to http://www.facebook.com/events/
• Scroll to the bottom of the page
• Click on the export link
• Copy the webcal:// link
• Go to your favourite calendar application and use it's subscribe feature, pasting in the copied link (on an iPhone if you just click the link it will add it for you)

Facebook Birthday Feed

• Go to http://www.facebook.com/events/birthdays/
• Scroll to the bottom of the page
• Click on the export birthdays link
• Copy the webcal:// link
• Go to your favourite calendar application and use it's subscribe feature, pasting in the copied link (on an iPhone if you just click the link it will add it for you)

The interface has been completely overhauled, doing away with the old 'launcher' screen of icons, and moving to a more accesible and (I think) intuitive ''slide-out' sidebar. In doing this they have brought a much more fluid feel to the navigation, rather than having to constantly backtrack to the beginning to go elsewhere. This has also made it possible for them to maintain your location in the news feed as you dart in and out of photos, messages, etc.

Whether it's the more intuitive interface, a bunch of fine tuning, or a combination of, the latest app feels much quicker to respond and load everything. If you used the older apps then I think you will be quite impressed. As with everything new, there are still a few bugs to iron out. The first time I tried to open the app it seemed to hang for a long time. Not sure if it was updating backend settings, etc or just froze. If the earlier, something more informative than a spinning ''busy' icon wouldn't go astray. I've also noticed a few areas (such as in the account settings) where it feels like the transition between pages isn't handled as well as it could be. Of most note here is the ability to generate a long ''backhistory trail of pages by clicking through the different account settings pages, as though we were following a nest of links deeper and deeper (rather than the flat menu they actually are)

Overall impressions? In the words of Facebook themselves.. Like! Well worth the upgrade, and looking forward to what they have in store for us in the updates to come.