Renaming module Imports like a Pro, now with added use-case!

If you’ve come to JavaScript in recent years and are a user of the newer front-end frameworks or libraries like React, import and export will be familiar to you. For those of us who weren't watching the new module syntax being introduced in ES6, you may have just got to…

Photo by Daria Shevtsova from Pexels
Photo by Daria Shevtsova from Pexels

When you work for a company that enforces strict privacy and secrecy around products, it can be difficult to demonstrate functionality on an internal organisation Github repository using locally recorded videos and keeping within the file size limits. …

Automating “spot the difference” using TestCafe and ResembleJS

Visual regression effectively tests the “display” of the page. This is different to other types of tests, like functional or snapshot tests, which test the actual code. …

How to quickly de-frustrate an “Unexpected token export” woe 😞

There are times when you’re writing a CommonJS program that you execute with Node, you will need to use CommonJS’s require on a file that is exported using ES Modules export { … }or export default .... …

Obligatory article image of a fake pug as per the norm. Artist accreditation —

So you’re trying to learn JavaScript but are inundated with all the different syntax and ways to program that have evolved over time?

Why is that code littered with backticks? What in the world are these mysterious arrows, they look like someones introduced emoji’s? 3 dots, what the what?


A personal story in the development of GIPA, my personal advocate.

As a person who delights in creating new software pet projects, I wanted a project to demonstrate chatbot technology whilst also learning new skills. For this I formulated the idea of building my very own digital advocate. An advocate…

I’ve always considered myself primarily as back-end or Java developer. Recently I’ve taken steps to up-skill, all in a mission to make myself a more-rounded engineer with full-stack experience. …

This article is a bare minimum description of JavaScript’s Closures and Global Scope. This article strives not to go too deep in any particular area and is more of an appetizer into some of the quirkier aspects of JavaScript.


  • Closures are essentially returned functions that remember their scope information. This…

In this article, I give a brief overview of OOP implementation within JavaScript, specifically Objects, Prototypes, and Classes.

Basics — Refreshed

Objects in JavaScript are free-form and mostly don’t follow any structure. Their structure can be best compared to being similar to Map objects in Java, consisting of key-value pairs.

JavaScript objects do…

The important things you can quickly learn to be informed and confident with using and conversing on React Router v4

Obligatory image of complex train routing only abstractedly related to this article. Image courtesy of

What is React Router?

React Router is a client-side router (CSR) for use with React projects (I know, duh right?). It provides routing which is the fancy term for the rendering of different components depending on URL paths within a React web application.

How does one install and use?

Run the following command in your project to save react-router-dom as…

Greg Byrne

Engineer of Software. Breaking life’s hurdles with peregrine speed and a manatee’s grace.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store