Redux state updates with Ramda - Arrays

Redux state updates with Ramda - Arrays

I got my first taste of functional programming when getting started with React, since then I’ve gradually been learning more FP concepts and applying them to my code. It’s definitely become a popular topic in JavaScript as of late. In this post I’d like to go through some practical examples that can help make Redux reducers more declarative, often requiring less code. I’ll be using the functional library Ramda....

Read more →

React Native for front-end developers

React Native for front-end developers

A while ago I decided that my next side-project would be to build a native app with React Native. After spending over six months developing a native app, I want to help spread the word about all of the similarities it shares with building web applications. I’d never built a native app but it had always interested me. There have been ways to build apps with web technologies for a...

Read more →

Create a quiz with React

Create a quiz with React

We’re going to create a multiple choice quiz with React - without setting up any build configuration. This is now possible thanks to the Create React App project, which was recently created by the team at Facebook. Check out the demo here to see the quiz in action. Starting a new React project usually involves a lot of overhead that can be time consuming for anyone and straight...

Read more →

Introducing React into your team

Introducing React into your team

There are new techniques and technologies being created for web developers everyday. That’s what makes working in this industry exciting, but also a bit daunting at times. No matter how you look at it, it’s important that we continue to grow and better our skills and products. Adjusting to new technologies is something that we developers have to do, but in general people don’t like change. So it’s important to...

Read more →

Using ES6 modules with Browserify, Babel and Grunt

Using ES6 modules with Browserify, Babel and Grunt

I recently tackled the task of converting our traditional multi-page web app’s JavaScript over to ES6 format modules. After initially being overwhelmed with the amount of options out there, I did a bit of research and landed on a solution that worked well for our project. This setup consists of Browserify, Babel and Grunt. Along with a couple of Browserify plugins to generate multiple bundles ready for production. And as...

Read more →

Designing in browser - when is the right time?

Designing in browser - when is the right time?

The concept of designing in browser has been around for a little while now - forget pixel perfect mockups and save time by jumping straight into the browser. Now that we are designing for a multitude of screen sizes, it’s becoming more common to skip creating mock-ups in design tools such as Photoshop altogether. Dave Rupert’s article on responsive deliverables describes how the old PSD-to-HTML workflow that served us...

Read more →

Speed up your workflow with LibSass and Autoprefixer

Speed up your workflow with LibSass and Autoprefixer

LibSass is a C/C++ port of the Sass engine that is much faster than the original version written in Ruby. LibSass has always been a bit behind in terms of features that it supports. But with the recent releases it has caught up significantly and supports more than enough for most use cases. And with the announcement that there will be no more updates to the Ruby version until...

Read more →

Style sheet limitations in IE9

Style sheet limitations in IE9

With Microsoft’s new browser ‘Edge’ about to be released, it’s an exciting time for web developers. Millions of users are going to update to Windows 10, where Edge will be the default browser. That’s great news for everybody, but in most cases our job will still require us to support older browsers for the time being. I recently came across some limitations with Internet Explorer 9 that don’t seem to...

Read more →

Prettier BEM naming in CSS

Prettier BEM naming in CSS

Naming conventions are just as important in CSS as they are in JavaScript or any other language. The Block, Element, Modifier methodology (BEM) is a naming convention for classes in HTML and CSS. Its goal is to help developer’s write more predictable and maintainable code. It has become very popular as of late, with its value becoming evident to anyone that has implemented it in a large project. BEM is...

Read more →

Where do I begin?

Where do I begin?

Welcome to my new website! I’ve finally managed to get my own blog up and running. Because seriously, what kind of person who creates for the web doesn’t have one? Anyway, I hope the content on here helps other developers/designers in some way or another.

I guess I’ll introduce myself a little; I’m currently working as a front-end developer at the Fernwood Fitness head office in Melbourne. We have a...

Read more →