Snippets

TLDR; Bunch of stuff I keep forgetting no matter how much I use em. A collection of code snippets I've developed/stolen over time and tend to use often. Ranging from random utililty hooks to environment setup instructions.

Reset Display Manager

Reset/Restart the display manager on Linux

useLocalStorage hook

Manage localStorage data realtime with custom useLocalStorage hook in React.

Next.js Dockerfile

Custom multistage Dockerfile for smaller image sizes in Next.js applications.

Temporary Image Url

Generate imageUrl for preview from image file input

Stow .dotfiles

Steps to backup dotfiles using gnu stow

Git worktrees

Workflow for using git worktrees, cos I can never remember this shit…🥲

useDebounce hook

utiltity hook to add debounce behavior to an existing function

Credit Card Matcher Regex Fn

Function with regex matchers to obtain different credit/debit card types based on number input.

Opacity on HEX code

Set an opacity to an element using only the hex color code

Custom React Typescript Component

Create an <Element> that takes all the normal props of <element> and does extra stuff.

useBlur hook

Detect a click event outside element in react.

useOnScreen hook

Custom ReactJS hook for intersection observer API

Toggle Nav on scroll

Hide Nav on scroll down and show on scroll up

Next Page Transition

Loader component for page transitions in NextJS

Custom Cursor

React custom cursor component

SCSS Media Query

Media query mixin for scss/sass projects