…and iiiiiiin the Purple Corner, it’s 3 times Super Lightweight Page Rendering Champion, Gatsby The “Little Hands Of Hotness” Js!
Data is hard right? I think so too, and with Gatsby there’s more than one way to boil that egg so in this series of blog posts I plan to walk you through the various methods you can use and explain ways you might like to use them.
Core Concepts: Gatsby’s Global Data Layer
Gatsby has a global data layer, and this can be a difficult thing to wrap your head around at first and some say it’s complex. I can’t say I agree but I would like to point out that in any given React application if you were to implement Redux or React’s Context API, your application would invariably become slightly more complex.
It can be daunting at first but, as I’m sure you know data can be sourced from anywhere, local files, remote files, databases, API’s, CMS’s etc and this data is always sourced in different ways
With Gatsby, once the data is in the data layer the way you query it is always the same!
In this series of posts I’ll be using data from various sources, adding them to Gatsby’s data layer and using this data in various ways.
… and shock, horror… I won’t be using any plugins.
Not that plugins are bad, they’re not but just like with node modules, you do have to think twice before installing them. Are they well maintained, do Gatsby officially maintain them, were they designed to work with the version of Gatsby you’re using… the list goes on.
If you’d like to read more about my top tips for plugins have a peek at this post: Gatsby Plugin Not Working, But Why?
Using methods from this series of blog posts you’ll be stripping away the mystery, rolling up your sleeves and going deep, and I’m confident you’ll leave ready to take your Gatsby project to the next level.
So, are you ready champ?
To get you started here’s the first post.