Introduction A while ago I wrote some JavaScript to create a custom slideshow. I recently had to revisit that project and I saw an opportunity to fiddle around with RxJS Explaining the problem The way the slideshow works is that it shows three images and moves up one frame at a time. So initially the first three images are shown and the rest are hidden. You press the right button to move forward and the left to move backwards. Of course at the beginning of the slideshow you can't move backwards. Thus the left button is hidden. Once you are…

Introduction Lately I've been using a lot of Reactjs goodness in my side projects. React is only the V in a modern day MVW (Model, View Whatever) pattern and that's an interesting subject. Facebook uses its own Flux library/pattern/architecture to cope with the other stuff, however there seem to be a lot of different opinions when it's comes to flux. One of those flux variants is Redux, created by Dan Abramov and others. If you never heard of Redux or don't really know how it works, I suggest you watch these videos first. In this blogpost I'll explain…

Introduction I recently attended a software craftsmanship event in Belgium. It was a great experience and an interesting moment to look over the fence to some other programming languages. I've been a .NET developer for some time now. And about a year ago I discovered the joy of test driven development (TDD). But for some reason I have a feeling that TDD is something the average .NET developer isn't going to do spontaneously. Well it kinda takes a while There is a bit of a hassle to start TDD with Visual Studio. You need another project, download a framework of…

Introduction For this post I want to show an example how to use an existing library in an aurelia app. The hard part is understanding how to use your library with systemjs and jspm. Use case: toastr I got a request to demo this with toastr. Toastr is an open source library to show simple javascript toast notifications. Project Setup I like a good code name for every blogpost, today we'll go with High Red Avenue. So let's crank up an empty folder, open that commandline and get to it! jspm HighRedAvenue> jspm init We will use all the…

Introduction In this post I would like to demostrate how to use Aurelia with Razor views. In virtually every Aurelia post (at the time of writing) you see people follow the convention of ./bar/foo.js has a template ./bar/foo.html. Don't get me wrong it's a great, simple and elegant way of doing things. But what if you want to mix Server-side code with your template? Use case: Translations And immediate use case that comes to mind are .NET Resx files. Easy to use in your Razor Views or in Server-side code. Project Setup The code name for…