~/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/react

#react

Posts and snippets tagged #react.

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

Integrating Tailwind CSS into a React Application

Tailwind CSS is a low-level CSS framework that’s highly customizable. Unlike other frameworks that focus on pre-designed components like buttons, cards, or modals, which are easy to start with but hard to customize later, Tailwind lets you build your own designs from scratch using utility classes...

snippets

Use an async effect

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

Sync component state with local storage

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

—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 --:--