Purple pattern

Gatsby Source Plugin Starter Example Breakdown

I recently published an article covering the development of a custom Gatsby Source Plugin. To help get off the ground faster I created a starter repository. I didn’t want to include too much details in the tutorial, so I have written this article to explain the files and reasoning behind what goes into the starter […]

Cat laying on keyboard

Gatsby JS Source Plugin Tutorial Step by Step for Beginners

A simple step by step guide for creating a Gatsby JS source plugins, to help developers new to the eco-system. Includes starter templates to get you moving!

ESLint logo pattern

ESLint Snippets To Disable Linting

I love a good bit of linting. But what I don’t love is having to remember 101 (exaggeration maybe) little bits of code to easily navigate my JS environments. Thankfully this is where this blog comes in use!   These snippets are the ones that although simple, always slip my mind. They are not tough, […]

React Context screenshot from example code

Quick and Easy React Context Template

This article provides a template for using React Context and Hooks, with a simple list example. I have laid it out so you can copy and paste, find and replace (I am a poet this morning!). Context is great when props need to be passed up and down component trees. It simplifies the whole process. […]

Silhouette of a tree against a blue sky

Essential Git Commands

Here are several git commands I keep having to Google. This is either due to barely using them, or just them not sinking in. Hopefully this list will help you out as well! Create a New Branch and Move into It Very simple, but took me a while to remember! Create a new branch and […]

Lots of different coloured watches

Gatsby with WordPress – Caching Downloaded Media Images to Reduce Build Time

I have been working with WordPress as a back end CMS (one of the many micro services) and Gatsby to generate the website. To connect the two I am using a WordPress plugin called WP GraphQL, and a Gatsby plugin called Gatsby Source GraphQL. Everything was working brilliantly, apart from being able to use any […]

Gulp and Webpack contrast banner

The Decision Between Gulp or Webpack for Automation

A comparison of Gulp and Webpack to help developers pick the best tool for their project. Both are brilliant tools and should be carefully considered.

Carbon code generated image of solution

Function to get Polyline Map Bounds Easily for fitBounds

A simple JavaScript function that takes a collection of londitude and latidute points in an array, and returns the bounds for use with maps.