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
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
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.
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.