Disable Webpack 4 Native JSON Loader

Now that Webpack 4 is out, it supports a plethora of new things and features, one of those is the native handling of JSON. In theory, this is great, but in a particular application I am working with which is JSON heavy, the native JSON loading caused a trove of errors. Obligatory photo of some … 

 

The Curious Case of Webpack 4 Production Mode and Function.name

I have migrated over to Webpack 4 for Built With Aurelia and I am using the fantastic Aurelia Store plugin. During development, everything worked fine, but when I would do a production build the state management aspect would fall apart, complaining about something to do with the function that notifies Redux Dev Tools about the … 

 

Aurelia: CLI versus Skeletons

I have been asked this question a few times and it can be hard to see things from the perspective of a newcomer to Aurelia, given how long I have been working with it. What is obvious to me is not obvious to everyone else. When you’re deciding to build an Aurelia application, you’ll discover … 

 

Solving The Issue: Firebase App named ‘[DEFAULT]’ already exists

Recently whilst I was attempting to port over a TypeScript/Webpack based Aurelia application to work with Aurelia’s newly released server-side rendering functionality, I encountered an annoying error with Firebase Firebase App named ‘[DEFAULT]’ already exists. Previously, my code looked like this: import * as firebase from ‘firebase’; const config = { apiKey: “”, authDomain: “”, … 

 

The Importance and Value Of Your Time As a Developer

For years, I have greatly undervalued my own time as a developer. In the beginning, I did not want to set my hourly rate too high because I did not have much consulting/freelancing experience. I wanted the work (chicken and egg problem) but lacked the experience. As a freelancer, it can be hard to figure … 

 

Working With Linked Node Modules & Webpack In Aurelia

When you are building an Aurelia plugin and you want to test it, you will want to use npm link or yarn link to create a local symbolic link to your module and then use it in a test application. If you are working with Aurelia and Webpack, then you’ve probably run into an issue … 

 

Expensive Lessons Learned Running A Free File Hosting Web Service

Towards the early part of 2017, I embarked on creating a bunch of quick single-purpose web applications to keep myself busy and sharp. One of those apps was a temporary file storage web application called Tempfile.cloud. The premise was simple: you get 1gb of free upload space and your files have an expiry of 24 … 

 

Using The Windows Linux Subsystem Terminal In Visual Studio Code

If you’re like me, you’ve been using the Linux Subsystem in Windows for a while now. The amazement that I can run Ubuntu Linux from within Windows itself is still not lost on me. Recently whilst I went on a configuration rampage in VSCode, really fine-tuning my settings to create the best development environment possible … 

 

How I Avoid Front-end Developer Fatigue

For years now, bubbling underneath the surface there has been a proverbial sewer of Javascript frameworks and libraries flowing through the community. It got to the point where it just felt overwhelming for a lot of developers (myself included), around 2016 is when I started noticing people getting fed up. Looking back over the years, … 

 

Computed Object Keys and Function Names In Javascript

For years, I wanted the ability to use variables as object keys in Javascript. Thanks to ES2015, we got the ability to have computed object keys from within the object definition itself. This isn’t a new or cutting-edge addition, we’ve had it in Javascript for a while now and it is well-supported. The reason for …