Category: Coding

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 […]

Gulp and Webpack contrast banner

The Decision Between Gulp or Webpack for Automation

Developers already have 101 decisions to make, and picking an automation tool is not an easy one. The requirements of a tool can be different depending on the person, the job, and the system you are building. I am hoping I can help make the choice a little easier with this article. I discovered Gulp […]

Carbon code generated image of solution

Function to get Polyline Map Bounds Easily for fitBounds

I have been recently working on a project using user generated poly-lines on maps. I am using Mapbox to render the maps and lines, it is brilliant! However, I needed a simple way of zooming the map to the polyline and the Mapbox example wasn’t working for me. Enter my solution! export default function getPolylineBounds(bounds) […]

Atom console with Gatsby JS Node Wepack code

Building React components for Gatsby using NPM link and Hooks – Cant resolve ‘react’ solution

I have been working on components for Gatsby JS, and including React Hooks. The idea is they will be packaged up separately and pushed to NPM. To make the build easier I house the component in a separate directory and npm link to a Gatsby test site. Everything was going well until I introduced the […]

Photo of a purple marker ticking a paper form

Gravity Forms Google reCaptcha v3 Addon WordPress Plugin

I work quite extensively with Gravity Forms when dealing with WordPress builds for clients. It provides a great way to quickly spin up forms, and its developer documentation is brilliant. It has a spam honeypot built in, which tends to catch most basic spam, but recently I have found busier sites have smarter bots. This […]

The beginning of a design system plan

Creative / Development Inspiration 69

Concerned you assume too much when looking at website data? Need to create websites fast, and fed up of the lack of small CSS files to get you moving? What about knowing what MVP approach to use? This weeks design and development run down covers all that, and a lot more!   Designer Resources, Examples […]