32blogby Studio Mitsu

# react

8 articles

nextjs

How to Build a Like Button with Next.js and Upstash Redis

Step-by-step implementation of a like button using Next.js App Router and Upstash Redis, plus the cost lessons learned from running it on Vercel's usage-based billing.

Mar 10, 2026 · updated Mar 27, 2026 · 10 min
react

How to Generate Videos with Remotion and Claude Code

A practical guide to generating videos from prompts using Remotion and Claude Code. Covers setup, Agent Skills, video generation, and rendering.

Mar 6, 2026 · updated Mar 27, 2026 · 10 min
react

Motion for React Animation Guide (formerly Framer Motion)

From fade-ins to scroll-triggered effects and page transitions — practical Motion (formerly Framer Motion) patterns with working code examples for React.

Mar 2, 2026 · updated Mar 27, 2026 · 11 min
react

React Re-render Optimization: Practical Guide

Stop unnecessary re-renders with memo, useMemo, and useCallback. Learn when to use each, how to measure, and common pitfalls.

Mar 2, 2026 · updated Mar 27, 2026 · 11 min
react

React Server Components: Complete Guide

Understand how RSC works, when to use Server vs Client Components, and practical patterns for Next.js App Router.

Mar 2, 2026 · updated Mar 27, 2026 · 10 min
react

Minimize 'use client' in React Server Components

Design patterns to keep 'use client' boundaries small in Next.js App Router. Island Architecture, Composition Pattern, and practical refactoring examples.

Mar 2, 2026 · updated Mar 27, 2026 · 12 min
nextjs

Fix Next.js Hydration Errors

Complete guide to diagnosing and fixing Next.js hydration errors: all 4 common patterns with bad/good code examples and debugging tips.

Feb 27, 2026 · updated Mar 27, 2026 · 16 min
react

Fix useEffect Infinite Loops

Diagnose and fix React useEffect infinite loops: missing deps, object references, data fetching, stale closures, and debugging tips.

Feb 27, 2026 · updated Mar 27, 2026 · 16 min