Adding any kind of tracking to any project always seems to be an afterthought. Generally just before launching, a stakeholder puts their hand up and states that we need to track everything…. Usually resulting in lots of frustrating mutterings from all developers involved.
JavaScript
Integration and Comparison for ES6
If you’re still writing JavaScript using ES5 (also known as ECMAScript 5) and desire to author in ES6 (ES2015) fear not. We’ll look over some logical ways to start using this new syntactical sugar in your own work starting immediately. We’ll discuss and examine approaches to integrate features such as let and const plus compare var versus let and finally understand when to use the spread operator.
Don’t Load it till it’s Needed
One of the best ways to prevent page bloat is to treat everything as a resource that doesn’t need to be on the page until the user has to interact with it. The technique is called lazy-loading, and can be performed on almost any asset. It’s especially good for responsive websites, when the same content needs to be loaded across multiple devices, while still loading as quickly as possible. Let’s take a look at a few ways to make this possible.
Barebones ES6 project using Gulp
Dennis Gaebel previously discussed preparing for ES6, but in this post he take things one step further and examines an actual project using the tools he discussed in that article. He explains the steps required in order to setup a barebones ES6 project with the help of our faithful tooling companion Gulp.
Preparing for ECMAScript 6
ECMAScript 6 is the upcoming version of the ECMAScript standard and expects ratification some time around June 2015.
ES6 is a significant update to JavaScript, and the first update to the language since 2009. Implementation of these features in JavaScript engines is well underway as we speak. Let’s dive in and see what ES6 is all about.
Applying React.js CSS Transitions on initial render
This article explores the creation of an interface component to apply React.js CSS transitions on initial render.
An opinionated guide to React.js best practices and conventions
I’ve been using React.js for a little while now, both in my 9 to 5 job and for my own projects, and during that time I have started evolving my own set of React.js best practices.
The Low Down on Lo-Dash
If you are a seasoned JavaScript developer or just getting into it you should definitely checkout and try to incorporate a library called Lo-Dash into your tool box.
In a nutshell, Lo-Dash is a super useful library that gives you access to over 100 extremely performant functions to help you avoid reinventing the wheel whilst writing JavaScript.
ngInclude and SVGs = <3
Of late I have been deep in Angular land and I just thought I’d share a little discovery that I was shown by a fellow work college the other day.
Shaking Hands with RequireJS
Before you know it your site is growing in complexity and your JavaScript files are quickly becoming extremely hard to manage, let alone make performant.
Thankfully these days we have a handful of tools to help with this situation. Let’s examine RequireJS in an attempt to decide if it’s for you… or not.
Diving into Webpack
Of late there has been a little bit of hype around this “webpack” thing. Hopefully this post gives you an overview of what it is, how to use it and if it’s worth all the hype.
Ajax without jQuery
Like many before me, I was introduced to jQuery before I was even remotely proficient in vanilla JavaScript. And while I think a web designer can do very well with basic jQuery skills, the further one moves into web development, the more important it is to have an understanding of plain JavaScript.