A collection of 23 posts

Never Setup A Development Environment From Scratch Again

In this post I will walk you through how I organize my dotfiles and mobilize my development environment with a one-command installation script.

I'm Leaving VSCode for Vim

It's been a long road, but I've finally decided to leave VSCode for Vim full time.

Manage Your Dotfiles Like a Superhero

Your dotfiles say a lot about you. In this post I explain how I setup my dotfiles for easy version control and future reuse.

How I Delete Files in WSL 2

I started developing on Windows Subsystem for Linux 2, and I wanted a safe way to use `rm` to delete files. Here's a solution that works.

Turn Your Hugo Website Into A Theme

Many moons ago I built my personal site using Hugo. I've decided to turn it into an official theme that can be used easily. Here's how I did it.

On Contributing to Open Source

Contributing to open source projects can be an intimidating experience for developers of all levels, but it can also be a rewarding one.

My Commit Workflow

In this post I want to share a simple git commit workflow I use in most JavaScript projects to keep my commits clean and safe.

Resolve Merge Conflicts in yarn.lock

Merge conflicts in your yarn.lock file can be a pain. In this post I'll describe a simple trick to make the process a lot easier.

Add Tags to Your Hugo Blog Using Taxonomies

Hugo's taxonomies give you the ability to define relationships between your content. In this post we'll explore taxonomies using a blog example.

Using Husky with Your Global Git Hooks

Husky is an awesome JavaScript tool that gives you the power to easily run pre-defined scripts as a git hook.

The React State Hook

Hooks are functions that expose certain features to function components. This post will explain the State Hook in-depth.

On React Hooks

React Hooks give certain features previously unavailable to function components such as state and lifecycle. Here are my initial thoughts.

What's New in React v16.6.0

React v16.6.0 has been released, which includes some long anticipated features. Let's dive in and talk about these new additions.

Create Anchored Headings in Hugo Using Shortcodes

Anchored headings are a useful feature in a blog that allows readers to jump to specific sections of the article or share a section explicitly.

Compound Components in React: Using the Context API

In the first post of this series we discussed the basics of compound components in React. Now let's combine them with React's Context API.

Compound Components in React: The Basics

Compound components are a fairly new technique that has become popular in the React community. In this post I will explain how to use them.

React State Management With Unstated

Unstated is a react state management library from @jamiebuilds. It leverages the power of React's Context API to keep state management simple.

Introducing Flexomatic

After a few weeks of work I just released the first version of flexomatic, a React component library. Here's what it's all about.

Using styled-components Without Template Literals

An undocumented pattern has emerged when using the styled-components library. In this post I will explain how it works and why it's useful.

Lessons Learned From Publishing a React Component to npm

I've been working on my first open source project. It's a grid system built with React components based on flexbox. Here's what I've learned.

Messing with the Web Animations API

The Web Animations API is an experimental technology that allows developers to take advantage of the browser animation engine.

Hugo's Directory Structure Explained

This article will introduce you to the core principles of Hugo's directory structure, and will help you get started building websites quickly.

Rebasing in Git

Using the rebase command in git can be a difficult concept to understand. This post aims to make it clearer for beginners.