~/leohuynh.dev
README.md
Astroindex.astroAstro[...slug].astro
Astroindex.astroAstro[...slug].astro
Astroindex.astroAstro[...slug].astro
whoami.astrotakes.mdshelf.astrouses.astroheatmap.astro
builds.astro
topics.astro
guestbook.astro
llms.json
stats.umami
README.md
coding.md commit.md communication.md never-auto-commit.md pull-requests.md spec-driven-development.md
SKILL.md
SKILL.md
SKILL.md
SKILL.md
SKILL.md
SKILL.md
SKILL.md
SKILL.md
SKILL.md
SKILL.md
SKILL.md
claude-code-notifier.shsettings.jsonstatusline.sh
copilot-cli-notifier.shsettings.json
oh-my-opencode.jsonsettings.jsontui.json
extensions.txtkeybindings.jsonsettings.json
EditorConfig.editorconfig .gitconfig .gitignore.zshrc
README.mdtravel-egypt.tsx
README.mdtopics.astro
~/leohuynh.dev/topics/typescript

#typescript

Posts and snippets tagged #typescript.

rss feed ↗

posts

2025-07-09

Building a Smooth Blurry Loading Effect for Images in Shopify Hydrogen

Learn how to create a beautiful blurry loading effect for images in Shopify Hydrogen that enhances user experience while images load.

2020-08-27

Simplify your Node.js project with module aliases

Tired of dealing with complex file paths in your Node.js project? Learn how to set up module aliases using TypeScript and module-alias package to simplify your imports and improve your development experience.

snippets

Parse functions from string

Safely send JavaScript functions from your server to your client by serializing them as strings, then parsing them back into callable functions on the client side.

Relative time-ago parsing

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

Casing utilities

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

Color validator

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

—loading…loading

git grass

last 28 days

github today

contribs
LOCs
commits / prs / issues

token burn

all-time
—tokensllms.json ↗loading…
today—

by models

recent activity

loading activity…on demand
Checkout version
mainAstro × bun✓v3Next.js 15 × pnpmv2Next.js 14 × npmv1Gatsby × yarn
#5f54996—
Hanoi --:--