Blog. A rough holding pen for my miscellaneous notes, thoughts and code doodles.

Super simple Redux setup for React, Next.js and React Native apps, using Redux Toolkit (and optionally Redux Persist)

Note

My favourite running routes around Glasgow West End

Note

A quick fix to "The chromium binary is not available for arm64" error when running yarn install/npm install

Snippet

5 key things to remember when designing for web

Note

My full Prettier (.prettierrc) config file

Snippet

How to stop FOUC and CSS transitions firing on page load in a Next.js production build

Note

Some new toys (exploring Next.js, Framer Motion, Tailwind and Mockend)

Note

My gulpfile (when and why I still use Gulp in 2021)

Snippet

How to fix "Error: Node Sass does not yet support your current environment"

Note

Catching the Craft bug

Note

A few options to quickly boilerplate a new front end JavaScript project

Note

Dipping my toes into the world of 3D modelling with Blender

Project

A few Codepen doodles

Project

Triggering on-scroll CSS animations efficiently using JavaScript's Intersection Observer API

Snippet

How I built QuizBear, a popular daily-quiz Facebook Messenger bot

Project

Using FormData when posting data to the server using JavaScript Fetch

Snippet

How I built an interactive, fully responsive periodic table of the elements

Project

My preferred CSS reset (Sass and SCSS syntax)

Snippet

Select side projects

QuizPig

A free quiz game for iOS and Android, built with React Native.

Download QuizPig

Website Launch Checklist

A curated list to follow when lauching a new web project, with lots of handy links.

Visit WLC

Elmnt.info

An interactive periodic table of the elements, built with React and the Wikipedia API.

Visit Elmnt.info

Jottr

A plain-text cloud notes app built with React, Express & MongoDB.

Visit Jottr
Say hello - fraser.boag@gmail.com