Never be off by a node version again 😲…. setup node version manager for Windows.

One of the great things about where I work is our commitment to giving juniors a go (for our sister social enterprise, Head Full of Heart, its actually the core mission 👍).
As most of our code repo’s incorporate some kind of node build or run, a question that is commonly asked is how to setup your environment to actually run node.

Well… have no fear 😱, that’s where this short article comes in.

* Just a reminder, this article shows the setup in windows… but setup in Mac or Linux is pretty similar 👍.

🤷‍♀️ why bother managing node versions?

Well I’m glad you asked…


Did you go full framework? You never go full framework.

Congratulations, you’re reading this article 🎉…. as a heads up, there’s a partner to this article; Setup a webpack built vanilla JS/CSS static site. The partner article has an example of the setup discussed here (both a quick ‘walkthrough’ of the config + example code).

🍨 What’s the best js flavour?

If you’re like me, then embarking on a new side project is often a case of ‘should I use framework special-wings-batman 🦇, or framework flappy-birds-magic 🐥🎩…. ohhh, maybe I should try that new framework, double-unicorns-fantastimal.js 🦄🌈🎉’.


For when you just want to keep it simple and enjoy your vanilla.

Congratulations, you’re reading this article 🎉…. as a heads up, there’s a partner to this article; Static sites — how vanilla is still a delicious flavour in its own right. The related article is a bit of an exploration around the why this setup came about. This article runs through a brief overview of setting up a webpack config for a simple static site… but If you can’t be bothered with either the explanation here, or my other article at all (sad emoji 😥), here’s the webpack.config.js required & here’s the github repo of my example site.

Do you have…


Hello darkness my old friend 😎.

Are you a fan of the Default Dark+ theme in vscode? Wish it was just slightly darker? Well have I got news for you! I’ve released a (slightly) darker variant of the Default Dark+ theme that includes a few visual tweaks to minimise the editor chrome, comments & better highlight typings .etc. I’ve unimaginatively called this new theme dark+ REDUX: Even Darker.

skip the niceties if you like; download here.

So what does it look like?


Introducing ngx-loadable-component.

Ever had the problem of finding a neat solution to code split & lazy load components in Angular? I did.. so for a couple of projects I’ve used a framework piece which allows easy lazy loading of a component. Since I’ve found it pretty useful (and I haven’t been able to find an existing similar package), I decided to open source it and release an npm package; ngx-loadable-component.

If you want to skip the niceties, npm package is here and a demo is here.

Why an Angular loadable component package?

Something Angular handles super well is the ability to code-split and lazy load routes. This is…


An example using git flow — you’ll be cutting code & closing PR’s like a pro in no time 🐱‍👤

This article is intended for those at a junior developer level 🤓, with a basic knowledge of git, looking to setup a disciplined development workflow. If you’re looking for some starter info on how git works, try checking out this basic run through and muck around with this interactive git cli. I also won’t delve into how to setup the CI/CD part specifically… in that sense its fairly vendor independent, as you could swap out Azure DevOps for another provider if you wanted. Prod me on twitter🐤 if there’s anything you feel is missing — @danharris_io . …


Or otherwise known as, I cant believe its not JSON RPC..

* Wanna skip the niceties? Example code of this pattern is on github here

Recently I was looking into building an API for an internal company system. The API only had to communicate with a front-end, plus be able to fire of a couple of integration processes. The thought crossing my mind was, since we’re in full control of the stack, surely there’s a better way to communicate than to encode all our info into REST URL endpoints then decode them at the recipient end.

Now, I’ve built REST endpoints with generic payloads & generic returns before, but that’s only…


Keep that pipeline going with automated end-to-end test runs

I’ve recently been working on an Angular 4 project, using Visual Studio Team Services to manage our sprints, builds and deployments. Compared to other solutions (e.g. Atlassian Suite .etc), I think VSTS brings a bunch of functionality to the table.

As mentioned, we’re able to manage our sprints, git repos, test plans, tests, continuous integration & deployment all through the one service. This is pretty nifty, and works great. Before I sound even more like a covert advertisement for VSTS, it has its downsides; unless you’re operating directly in the land of something like .NET, information on setup for CI/CD…


Part 1 in a series following the build of my personal portfolio site.

So you’ve heard the buzz, the lowdown, the word on the street. React is the bee’s knees of frontend development. Being the enthusiastic go-getter you are, you’ve investigated React and now look to giving it a shot in a personal project, beyond simply following a tutorial. Sound familiar? Well this is the path I recently followed in creating my personal portfolio site (danharris.io).

I’d experimented with creating various simple React Apps and decided it was time I finally put together a serious project. Why not create a portfolio site to showcase all this awesome knowledge i’d gained? Great idea huh……

Dan Harris

full-stack dev, grad advocate, beer enthusiast, organiser heapsgood dev beers, co-organiser frontend dev ADL

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