useLocalStorage hook
Manage localStorage data realtime with custom useLocalStorage hook in React.
Snippets New
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.
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