How to create React components

How to create React components

There are now three ways to create React components in JavaScript. Let’s take a quick look at each of them and discuss the pros and cons! Create React Components with React.createClass The first way, and the way Facebook still uses is the createClass method. It...
substr vs. substring in JavaScript

substr vs. substring in JavaScript

The difference between substr vs. substring in JavaScript bites me more often than any other API confusion in the language. The only difference is in the second parameter. Do you know what each of these will return? var word = "The quick brown fox";...
Website speed test tools you should be using

Website speed test tools you should be using

Performance matters. There are a lot of great ways to make sure your website speed is good enough to not have a negative affect on your user base. These are my favorite tools for performing a website speed test. 1. Google Pagespeed Insights I think it’s a pretty...
What’s new in Chrome DevTools 2016

What’s new in Chrome DevTools 2016

I just finished watching this awesome video from Google I/O in which Paul Irish and Sam Saccone profiled a few websites and talked about some great new Chrome DevTools features that are available now on Chrome Canary. If you want to watch the whole video, check it out...
Techniques to Avoid Live Coding, Part 1

Techniques to Avoid Live Coding, Part 1

You’re on stage. You’re about to demo your Cool New Thing. Just gotta add a few… lines… of code… and *drumroll* ERROR. Oops, heh… here’s what we did wrong. Just fix this and… *drumroll* … *drumroll* hmm. *drumroll* Looks like the wifi isn’t working… Well trust me, it...
What is page jank?

What is page jank?

What is page jank? According to the Jank Free website: Jank is any stuttering, juddering or just plain halting that users see when a site or app isn’t keeping up with the refresh rate. So, essentially, if your users ever notice any awkward movements on your...
Throttling events with setTimeout

Throttling events with setTimeout

Time and time again, we need to listen for an event (scroll, keyup) and execute some arbitrary code when that event fires. If you do this enough, you’ll likely run into a situation where you are just receiving way too many events. In these cases, it’s best...
Best ways to learn React.js

Best ways to learn React.js

React.js is definitely the most popular JavaScript framework these days. I’ve spent a good amount of time using a lot of different resources to learn it and I thought it would be cool to share those with you! Egghead.io Price – $19.99 per month Description...
Moment.js, get the next day of the week

Moment.js, get the next day of the week

Moment.js is a JavaScript library that helps you do pretty much anything you could ever need with dates! Specifically, it helps you parse, validate, manipulate, and display dates in JavaScript.   Today I was writing a little program and I needed to find the date...