Animating elements in React Native isn’t as straight forward as you may expect—you can’t animate with vanilla CSS in React Native. Let’s explore the Animated library to achieve the results of CSS transitions and transforms, and use it to create an animated toggle component.

Workaholism is too often synonymized with productivity when it couldn’t be further from the truth.

You may have heard of or even used JavaScript templating engines such as Handlebars.js, Mustache.js or Underscore.js. They can make rendering and updating dynamic content on your website a breeze, but if your needs are dead simple, you might not need a library.

Since starting 100 Days of Scriptures, several people have asked me about it. Now that it’s come to an end, I’d like to share its story, the process, lessons learned, and the effect its had on me.

I spent several weeks of scouring the web and reading gobs of sites and reviews in search for the right laptop messenger bag before pulling the trigger on the Ugmonk Messenger Bag. After 4 months of using it daily and putting it through its paces, I’m here to tell you that it was worth the investment.

Note: This post was updated to (1) accommodate the change in React 0.14 where they split up React into a core library and a DOM adapter (ReactDOM) and (2) remove Bower in favor of npm.

I’ve been learning React, a JavaScript library by Facebook for building user interfaces, for the past few days during my commute—it’s been challenging, but a lot of fun. After a couple of days of learning the basics (reading their Getting Started introduction to React and following their tutorial), I reconfigured my gulpfile.js to include React in my local development environment.

Managing consistent, typographic rhythm isn’t easy, but when the type is responsive, it makes things even more difficult. Fortunately Sass maps can help make responsive typography much more manageable.

August Connect is a device that allows you to remotely connect to and control the August Smart Lock. It bridges your Wi-Fi connection and August Smart Lock’s Bluetooth connection. Without it, you can only connect to the August Smart Lock via Bluetooth. I’ve been using the August Connect with my August Smart Lock for 3 months now, and here’s my review.

Sass maps are handy for organizing values used repeatedly throughout a project (e.g. colors, z-index values). They can also help manage responsive breakpoints, and, with the help of a custom mixin, even make generating media queries a breeze.

Last year I wrote a post, Need for Speed, where I shared my workflows and techniques along with the tools involved in the development of my site. Since then my site has gone through another redesign, and although I made various workflow and server-side improvements, I gave front-end performance extra attention. Here’s what I did, why I did it, and the tools I used to optimize front-end performance on my site.