Programming

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

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

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

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.

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.

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

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.

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.

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

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

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

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

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

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.

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 are a fairly new technique that has become popular in the React community. In this post I will explain how to use them.

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

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.

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.

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.

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

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

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