Skip to main content

A folk story wherein we shall find dates, DataAnnotations & data impedance mismatch

· 5 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

If you ever take a step back from what you're doing it can sometimes seem pretty abstract. Here's an example. I was looking at an issue in an app that I was supporting. The problem concerned a field which was to store a date value. Let's call it, for the sake of argument, valuation_date. (Clearly in reality the field name was entirely different... Probably.) This field was supposed to represent a specific date, like June 15th 2012 or 19th August 2014. To be clear, a date and *not* in any way, a time.

Migrating from AngularJS to AngularTS - a walkthrough

· 13 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

It started with nuns. Don't all good stories start that way? One of my (many) aunts is a Poor Clare nun. At some point in the distant past I was cajoled into putting together a simple website for her convent. This post is a walkthrough of how to migrate from AngularJS using JavaScript to AngularJS using TypeScript. It just so happens that the AngularJS app in question is the one that belongs to my mother's sister's convent.

TypeScript this is what I want! (the unfortunate neglect of Instance Methods / callback functions)

· 5 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

I was recently reading Jeff Walker's blog post "Why TypeScript Isn't the Answer". This is part of series in which Jeff goes through various compile-to-JavaScript technologies including TypeScript, CoffeeScript and Dart and explains his view of why he feels they don't quite hit the mark.

Knockout + Globalize = valueNumber Binding Handler

· 4 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

I’ve long used Globalize for my JavaScript number formatting / parsing needs. In a current project I’m using Knockout for the UI. When it came to data-binding numeric values none of the default binding handlers seemed appropriate. What I wanted was a binding handler that:

WPF and Mystic Meg or Playing Futurologist

· 3 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

Time for an unusual post. Most of what gets put down here is technical "how-to's". It's usually prompted by something I've been working on and serves, as much as anything else, as an aide-memoire. Not this time.

Upgrading to TypeScript 0.9.5 - A Personal Memoir

· 8 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

I recently made the step to upgrade from TypeScript 0.9.1.1 to 0.9.5. To my surprise this process was rather painful and certainly not an unalloyed pleasure. Since I'm now on the other side, so to speak, I thought I'd share my experience and cast back a rope bridge to those about to journey over the abyss.

NuGet and WebMatrix: How to install a specific version of a package

· 3 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

I've recently been experimenting with WebMatrix. If you haven't heard of it, WebMatrix is Microsoft's "free, lightweight, cloud-connected web development tool". All marketing aside, it's pretty cool. You can whip up a site in next to no time, it has source control, publishing abilities, intellisense. Much good stuff. And one thing it has, that I genuinely hadn't expected is NuGet. Brilliant!

Simple fading in and out using CSS transitions and classes

· 4 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

Caveat emptor folks... Let me start off by putting my hands up and saying I am no expert on CSS. And furthermore let me say that this blog post is essentially the distillation of a heady session of googling on the topic of CSS transitions. The credit for the technique detailed here belongs to many others, I'm just documenting it for my own benefit (and for anyone who stumbles upon this).

Migrating from jquery.validate.unobtrusive.js to jQuery.Validation.Unobtrusive.Native

· 4 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

So, you're looking at jQuery.Validation.Unobtrusive.Native. You're thinking to yourself "Yeah, I'd really like to use the native unobtrusive support in jQuery Validation. But I've already got this app which is using jquery.validate.unobtrusive.js - actually how easy is switching over?" Well I'm here to tell you that it's pretty straightforward - here's a walkthrough of how it might be done.

Using Bootstrap Tooltips to display jQuery Validation error messages

· 3 min read
John Reilly
OSS Engineer - TypeScript, Azure, React, Node.js, .NET

I love jQuery Validation. I was recently putting together a screen which had a lot of different bits of validation going on. And the default jQuery Validation approach of displaying the validation messages next to the element being validated wasn't working for me. That is to say, because of the amount of elements on the form, the appearance of validation messages was really making a mess of the presentation. So what to do?