Snippets

My personal stash of code snippets that make my life easier. They’re simple and reusable. Feel free to copy, tweak, and use them as you like.

*Some snippets written by me, some are from the internet (Thanks to the open source community).

Shopify Hydrogen Codegen Configs

How to configure Shopify Hydrogen Codegen to automatically generate types for your GraphQL queries.

Zipping files on macOS

Macos command to zip files and directories into a single file.

Relative time-ago parsing

A simple utility function to parse relative time-ago into human-readable format.

Crawling Goodreads books data

Crawling Goodreads books data from user's RSS feed and parse to JSON in Node.js

Connecting to GitHub using SSH

Using the SSH protocol, you can connect and authenticate to remote Github servers and services without supplying your username and personal access token at each visit.

Pnpm aliases

How to install and update pnpm, create a shell alias for it, and upgrade project dependencies efficiently.

VSCode settings

My personal VSCode configurations, settings, and key bindings that I use across all my devices.

npm commands

Essential npm commands for local development, covering package installation, version control, and script management.

Remixing remix submission

Create a custom hook to manage in-route form submissions in a Remix app.

Verify Github webhooks

Verify and process incoming GitHub webhooks. How to set up listeners, validate requests, and handle Github's webhook events.

Display Spotify currently playing track

Retrieve a Spotify access token to display the currently playing track on your website or application.

Casing utilities

A various ready-to-use string casing utilities in Typescript.

Case sensitive renaming

Safely rename case-sensitive files or directories in a Git repository to avoid conflicts or case inconsistencies.

Deep remove falsy

Recursively removes all falsy values (null, undefined, 0, false) from an object and its nested properties.

Use an async effect

Build a custom React hook to use asynchronous effects inside functional components.

Color validator

Validate strings to ensure they represent valid colors in various formats (hex, RGB, and named colors).

Kill that process

Identify and terminate processes running on a specific port in your dev environment.

Markdown code block syntax

A detailed overview of Markdown code block syntaxes, covering both basic and advanced use cases.

Event Emitter

A lightweight pub/sub mechanism to handle custom events without adding a full-blown library.

Manipulating dates in Shopify Liquid

How to manipulate dates (adding, subtracting, and formatting, etc) in Shopify's Liquid template language.

Read file names

A quick utility to read all file names in a directory using Node.js.

VNese to plain English

Convert Vietnamese text to plain English by replacing accented characters with their equivalents.

.gitignore tips

How to ignore all files in a directory except for a specific one.

Sync component state with local storage

Utilize a custom hook that syncs state with local storage, allowing for persistent state between sessions.