rabi.
  • Home
  • Writing
  • Snippets
  • System Design
  • Tools
Snippets

Snippets / Tags

performance

4 performance code snippets across 3 languages. Copy-paste solutions from production code.

4

snippets

github actions

1 snippet

Cache npm Dependencies in GitHub Actions

Cache the npm store between GitHub Actions runs to cut install time from minutes to seconds. Lockfile-aware cache key included.

github-actionscachenpm+2
BEGINNERMay 16, 2026

nextjs

1 snippet

Streaming Server Components with Suspense and Skeletons

Use React Suspense in Next.js Server Components to stream slow data fetches with skeleton fallbacks instead of blocking the entire page.

nextjssuspensestreaming+2
INTERMEDIATEJun 19, 2026

react

2 snippets

useDebounce Hook for React

A typed React useDebounce hook that delays value updates until the user stops changing them. SSR-safe, auto-cleanup, fully typed.

reacthooksdebounce+2
BEGINNERApr 6, 2026

useIntersectionObserver Hook for React

A performant, TypeScript-safe React hook wrapping IntersectionObserver. Ideal for fade-in-on-scroll, lazy loading, and infinite scroll.

reacthooksintersection-observer+3
INTERMEDIATEDec 1, 2025
rabi.

Building production software and writing about what I figure out.

SDE II at Amazon

Content

  • Writing
  • Snippets
  • System Design Notes
  • Tools

Snippets

  • Java
  • AWS CLI
  • React

Popular Tags

  • React Hooks
  • TypeScript
  • Spring Boot
  • Next.js

Explore

  • About
  • Professional Journey
  • Contact
  • Search
  • Submit a Snippet
  • RSS Feed

Connect

Let's build something together.

Send a message →

Newsletter

Weekly posts on backend engineering and system design.

Subscribe →

© 2026 Rabinarayan Patra. All rights reserved.

Privacy PolicyDisclosureBuilt with Next.js