Admittedly, Google’s developer event IO has grown to be quite interesting the last couple of years. This year (2017) I was excited to see what would be announced in the world of Firebase. I’ve been using Firebase on and off for the last couple of years. Recently, I’ve found a renewed sense of excitement in …
Auth Protected Routes in Aurelia With Firebase
sing both Aurelia and firebase together is exceptionally convenient for my workflow. When it comes to authentication, I have certain routes I want to protect. The best way to add in authentication checks for routes in Aurelia is to create a router pipeline step. Specifically, an authorise pipeline step. Because of the way Firebase uses …
I Like Competitions
Kind of a strange post from what I usually post, but the last few months I have been addicted to entering online competitions. The fact I have won a few great prizes in just a few months probably helps. I won a runner up prize which was an LG television and then I won a …
Enabling CORS Middleware In Firebase Cloud Functions
Firebase Cloud Functions are great, but there might come a time where you need CORS support. This can be enabled easily by using the CORS middleware. The documentation does detail part of the process, but it doesn’t mention you need to install the cors package and also specify origin: true as a configuration option. If …
Convert A Firebase Database Snapshot/Collection To An Array In Javascript
Because Firebase is a NoSQL JSON data store, you might have noticed that when you get some data from Firebase that it is an object. If the title wasn’t obvious enough, we are talking about using Firebase Realtime Database in a web application. Take the following example: firebase.database().ref(‘/posts’).on(‘value’, function(snapshot) { console.log(snapshot.val()); }); Let’s imagine that …
Aurelia Dynamic Compose + Webpack = Module ID Not Found
If you’re using the latest and greatest Webpack plugin for Aurelia, there is a possibility if you use the <compose> element to dynamically render UI you will run into an issue where Webpack doesn’t know about the dynamic imports. Specifically, I am talking about usage of <compose> that might look like the following: <template> <compose …
Aurelia Dynamic Views From Strings Using InlineViewStrategy
The flexibility of Aurelia means there are many ways to achieve a task. The default convention of view/view-model will meet your needs a lot of the time, but sometimes you might need a little more power. You might already know of the ability to define views inline (inside of your view-models) using the inlineView decorator, …
Efficiently Looping A Javascript Array Backwards
Most of the time when you’re looping over an array of elements, you’ll do it sequentially. However, I recently needed to iterate through an array of objects in reverse just using a plain old for loop. This will not be a highly informative or groundbreaking post but, I thought I’d share this in case someone …
Configuring Git Pre Commit Hook And TSLint (automatically)
If you’re a TypeScript user and you’re reading this, then you’re using TSLint (most likely). Recently, a situation at work arose where even though TSLint warnings were being thrown in the editor as well as terminal output, some developers (tsk tsk) were still committing these warnings. Naturally, a pre-commit Git hook is the right candidate …
Static Inject vs @inject In Aurelia
A few people have actually asked me this question, so I thought a helpful blog post for reference would finally answer the question: What’s the difference between static inject and @inject in Aurelia? The answer will surprise you. Okay, not really. It’s a pretty clear-cut answer. There is no difference between either. Back in the …
