• _hello
  • _about-me
  • _projects
  • _blog
  • _support
_contact-me
find me in:
@faeztgh
cd ../topics

React

// 8 articles on React by Faez Tgh — practical React, Next.js, TypeScript and web-performance write-ups.

01
typescript featured

Streaming AI Chat in Next.js with the AI SDK

Jun 14, 2026· 5 min·1,016 words

Bolting an LLM onto a Next.js app is easy to demo and easy to get wrong. Here's the shape of a streaming chat feature that survives contact with real users — plus the rate-limiting, error, and cost details the tutorials skip.

  • Next.js
  • AI
  • React
read-postopen
02
performance

What's New in Next.js 16

Jul 15, 2026· 5 min·957 words

Next.js 16 is less about flashy new APIs and more about the framework growing up: a faster default bundler, a clearer caching story, and some deliberate renames that make the mental model honest. Here's what actually matters when you upgrade.

  • Next.js
  • React
  • Performance
read-postopen
03
architecture

Server vs Client Components: A Practical Mental Model

Jul 1, 2026· 4 min·848 words

The App Router makes every component a Server Component by default, and 'use client' opts into the browser. Getting the boundary right is the single biggest lever you have over bundle size and interactivity — here's how to reason about it.

  • React
  • Next.js
  • Architecture
read-postopen
04
performance

Debounce vs Throttle: Taming Noisy Events in JavaScript

Jun 5, 2026· 5 min·902 words

Scroll, resize, input, mousemove — some events fire dozens of times a second. Debounce and throttle are the two techniques for turning that firehose into something your handlers can survive. They're often confused; they solve different problems.

  • JavaScript
  • React
  • Performance
read-postopen
05
typescript

YouTube Playback Controller: A Powerful Chrome Extension for Video Speed Control

Aug 20, 2025· 5 min·1,046 words

YouTube's built-in speed controls barely scratch the surface. This open-source Chrome extension brings precise slider control, per-channel automation rules, multi-profile presets, and even reverse playback to your browser toolbar.

  • Chrome Extension
  • YouTube
  • React
read-postopen
06
react

useEffect vs useLayoutEffect

Feb 20, 2024· 1 min·291 words

Both hooks look almost identical, but their timing is worlds apart. Understanding when each one fires — and why that matters for visual updates and SSR — will save you from subtle bugs.

  • React
  • Hooks
  • useEffect
read-postopen
07
typescript

Dynamic Controlled Values

Jan 30, 2024· 2 min·321 words

TypeScript generics and index signatures let you build objects that accept any property key while keeping strict type checks — here's how to use them to write truly flexible, safe code.

  • TypeScript
  • React
  • Next.js
read-postopen
08
performance

Nextjs Code Optimization

Jan 23, 2024· 1 min·212 words

From dynamic imports and image lazy-loading to short-circuit rendering and async loops — six concrete techniques to squeeze more performance out of your Next.js app.

  • Next.js
  • Performance
  • TypeScript
read-postopen

# other-topics

  • TypeScript20
  • JavaScript11
  • AI6
  • Next.js6
  • Performance6
  • Generics4
  • SEO3
  • Type Safety3
  • Utility Types3
  • Architecture2
  • LLM2
  • Tooling2
  • Type System2
  • Union Types2
  • Web Standards2
  • Advanced Types1
  • Autocomplete1
  • Backend1
  • Chrome Extension1
  • Code Organization1
  • Conditional Types1
  • CSS1
  • Decorators1
  • Developer Experience1
  • Frontend1
  • Function Overloading1
  • Hooks1
  • Infer1
  • MCP1
  • Metaprogramming1
  • Namespaces1
  • Omit1
  • Pick1
  • RAG1
  • Responsive Design1
  • Structured Data1
  • Template Literal Types1
  • Type Guards1
  • Type Inference1
  • URL Parameters1
  • useEffect1
  • useLayoutEffect1
  • Web Vitals1
  • YouTube1