# React SME Cookbook

> Cookbook-style documentation for React 19, Next.js, TypeScript, and the modern frontend stack

## Sections
- [Browser APIs](https://react.codeguides.io/browser-apis/)
- [Reference](https://react.codeguides.io/code-reference/)
- [Custom Hooks](https://react.codeguides.io/custom-hooks/)
- [Forms & Validation](https://react.codeguides.io/forms-validation/)
- [Git & GitHub](https://react.codeguides.io/git/)
- [Images & Icons](https://react.codeguides.io/images-icons/)
- [Linting & Formatting](https://react.codeguides.io/linting-formatting/)
- [Linux CLI](https://react.codeguides.io/linux-cli/)
- [Next.js Data](https://react.codeguides.io/nextjs-data/)
- [Next.js Patterns](https://react.codeguides.io/nextjs-patterns/)
- [Next.js Rendering](https://react.codeguides.io/nextjs-rendering/)
- [Next.js Routing](https://react.codeguides.io/nextjs-routing/)
- [Next.js Setup](https://react.codeguides.io/nextjs-setup/)
- [Node.js Scripts](https://react.codeguides.io/nodejs-scripts/)
- [React 19](https://react.codeguides.io/react-19/)
- [React Architecture](https://react.codeguides.io/react-architecture/)
- [React Components](https://react.codeguides.io/react-components/)
- [React Events](https://react.codeguides.io/react-events/)
- [React Fundamentals](https://react.codeguides.io/react-fundamentals/)
- [React Hooks](https://react.codeguides.io/react-hooks/)
- [React Libraries](https://react.codeguides.io/react-libraries/)
- [React Patterns](https://react.codeguides.io/react-patterns/)
- [Performance](https://react.codeguides.io/react-performance/)
- [React Rules](https://react.codeguides.io/react-rules/)
- [Scenarios - Defects](https://react.codeguides.io/scenarios/)
- [shadcn/ui](https://react.codeguides.io/shadcn/)
- [Agent Skills](https://react.codeguides.io/skills/)
- [Stripe Payments](https://react.codeguides.io/stripe/)
- [SWR](https://react.codeguides.io/swr/)
- [Tailwind CSS v4](https://react.codeguides.io/tailwind/)
- [Team](https://react.codeguides.io/team/)
- [Testing](https://react.codeguides.io/testing/)
- [Testing: Gherkins](https://react.codeguides.io/testing-gherkins/)
- [TypeScript + React](https://react.codeguides.io/typescript-react/)
- [Zustand](https://react.codeguides.io/zustand/)

## All Pages
- [postMessage Fundamentals](https://react.codeguides.io/browser-apis/postmessage-basics/)
- [Intermediate postMessage Patterns](https://react.codeguides.io/browser-apis/postmessage-intermediate/)
- [Browser APIs Highlights Summary](https://react.codeguides.io/browser-apis/highlights-summary/)
- [JSX and Elements](https://react.codeguides.io/code-reference/jsx-and-elements/)
- [Components and Props](https://react.codeguides.io/code-reference/components-and-props/)
- [State with useState](https://react.codeguides.io/code-reference/state-with-usestate/)
- [Effects and Side Effects](https://react.codeguides.io/code-reference/effects-and-side-effects/)
- [Refs and DOM Access](https://react.codeguides.io/code-reference/refs-and-dom-access/)
- [Context and Composition](https://react.codeguides.io/code-reference/context-and-composition/)
- [Lists Keys and Conditionals](https://react.codeguides.io/code-reference/lists-keys-and-conditionals/)
- [Forms and Controlled Inputs](https://react.codeguides.io/code-reference/forms-and-controlled-inputs/)
- [Custom Hooks Patterns](https://react.codeguides.io/code-reference/custom-hooks-patterns/)
- [Performance Idioms](https://react.codeguides.io/code-reference/performance-idioms/)
- [React 19 APIs](https://react.codeguides.io/code-reference/react-19-apis/)
- [TypeScript with React](https://react.codeguides.io/code-reference/typescript-with-react/)
- [Custom Hooks: Step-by-Step Guide](https://react.codeguides.io/custom-hooks/custom-hooks-guide/)
- [useDebounce](https://react.codeguides.io/custom-hooks/use-debounce/)
- [useThrottle](https://react.codeguides.io/custom-hooks/use-throttle/)
- [useScrollToTop](https://react.codeguides.io/custom-hooks/use-scroll-to-top/)
- [useLocalStorage](https://react.codeguides.io/custom-hooks/use-local-storage/)
- [useMediaQuery](https://react.codeguides.io/custom-hooks/use-media-query/)
- [useClickOutside](https://react.codeguides.io/custom-hooks/use-click-outside/)
- [useCopyToClipboard](https://react.codeguides.io/custom-hooks/use-copy-to-clipboard/)
- [useIntersectionObserver](https://react.codeguides.io/custom-hooks/use-intersection-observer/)
- [useWindowSize](https://react.codeguides.io/custom-hooks/use-window-size/)
- [useKeyboardShortcut](https://react.codeguides.io/custom-hooks/use-keyboard-shortcut/)
- [useToggle](https://react.codeguides.io/custom-hooks/use-toggle/)
- [usePrevious](https://react.codeguides.io/custom-hooks/use-previous/)
- [useFetch](https://react.codeguides.io/custom-hooks/use-fetch/)
- [useInterval](https://react.codeguides.io/custom-hooks/use-interval/)
- [useEventListener](https://react.codeguides.io/custom-hooks/use-event-listener/)
- [Custom Hooks Highlights Summary](https://react.codeguides.io/custom-hooks/highlights-summary/)
- [Decision Checklist](https://react.codeguides.io/forms-validation/decision-checklist/)
- [Forms & Validation Basics](https://react.codeguides.io/forms-validation/forms-validation-basics/)
- [Controlled vs Uncontrolled Inputs](https://react.codeguides.io/forms-validation/controlled-vs-uncontrolled/)
- [Zod Basics](https://react.codeguides.io/forms-validation/zod-basics/)
- [Zod Types](https://react.codeguides.io/forms-validation/zod-types/)
- [Zod Transforms](https://react.codeguides.io/forms-validation/zod-transforms/)
- [Zod Infer](https://react.codeguides.io/forms-validation/zod-infer/)
- [React Hook Form](https://react.codeguides.io/forms-validation/react-hook-form/)
- [RHF + Zod](https://react.codeguides.io/forms-validation/rhf-zod/)
- [Server Action Forms](https://react.codeguides.io/forms-validation/server-action-forms/)
- [Form Patterns Basic](https://react.codeguides.io/forms-validation/form-patterns-basic/)
- [Form Patterns Complex](https://react.codeguides.io/forms-validation/form-patterns-complex/)
- [Form Patterns File Upload](https://react.codeguides.io/forms-validation/form-patterns-file-upload/)
- [Form Error Display](https://react.codeguides.io/forms-validation/form-error-display/)
- [shadcn Form](https://react.codeguides.io/forms-validation/shadcn-form/)
- [Optimistic Forms](https://react.codeguides.io/forms-validation/optimistic-forms/)
- [Form Accessibility](https://react.codeguides.io/forms-validation/form-accessibility/)
- [useReducer Multi-Step Forms](https://react.codeguides.io/forms-validation/useReducer-multi-step-forms/)
- [Forms & Validation Highlights Summary](https://react.codeguides.io/forms-validation/highlights-summary/)
- [Essential Git Commands](https://react.codeguides.io/git/essential-commands/)
- [Merging & Rebasing](https://react.codeguides.io/git/merging-rebasing/)
- [Merge Conflict Resolution Checklist](https://react.codeguides.io/git/merge-conflict-checklist/)
- [Git Worktrees Intro](https://react.codeguides.io/git/worktrees-intro/)
- [Git Worktree Examples](https://react.codeguides.io/git/worktree-examples/)
- [GitHub CLI](https://react.codeguides.io/git/github-cli/)
- [Git Utilities](https://react.codeguides.io/git/git-utilities/)
- [Git Configuration](https://react.codeguides.io/git/git-config/)
- [Git & GitHub Highlights Summary](https://react.codeguides.io/git/highlights-summary/)
- [Lucide React Icons](https://react.codeguides.io/images-icons/lucide-react/)
- [React Icons](https://react.codeguides.io/images-icons/react-icons/)
- [Heroicons](https://react.codeguides.io/images-icons/heroicons/)
- [Next.js Image Optimization](https://react.codeguides.io/images-icons/next-image/)
- [Unsplash API](https://react.codeguides.io/images-icons/unsplash-api/)
- [Pixabay API](https://react.codeguides.io/images-icons/pixabay-api/)
- [Pexels API](https://react.codeguides.io/images-icons/pexels-api/)
- [Custom SVG Icons in React](https://react.codeguides.io/images-icons/svg-icons/)
- [Image Placeholders & Loading](https://react.codeguides.io/images-icons/image-placeholders/)
- [Favicons & OG Images](https://react.codeguides.io/images-icons/favicon-og-images/)
- [Images & Icons Best Practices](https://react.codeguides.io/images-icons/best-practices/)
- [Images & Icons Highlights Summary](https://react.codeguides.io/images-icons/highlights-summary/)
- [ESLint Setup for Next.js](https://react.codeguides.io/linting-formatting/eslint-setup/)
- [Essential ESLint Rules](https://react.codeguides.io/linting-formatting/eslint-rules/)
- [ESLint Plugins](https://react.codeguides.io/linting-formatting/eslint-plugins/)
- [Prettier Setup](https://react.codeguides.io/linting-formatting/prettier-setup/)
- [ESLint + Prettier Integration](https://react.codeguides.io/linting-formatting/eslint-prettier/)
- [Biome (ESLint + Prettier Alternative)](https://react.codeguides.io/linting-formatting/biome/)
- [Husky & lint-staged (Pre-commit Hooks)](https://react.codeguides.io/linting-formatting/husky-lint-staged/)
- [EditorConfig & VS Code Settings](https://react.codeguides.io/linting-formatting/editorconfig/)
- [TypeScript Strict Mode & Compiler Checks](https://react.codeguides.io/linting-formatting/typescript-strict/)
- [Linting in CI/CD](https://react.codeguides.io/linting-formatting/ci-linting/)
- [Linting & Formatting Best Practices](https://react.codeguides.io/linting-formatting/best-practices/)
- [Linting & Formatting Highlights Summary](https://react.codeguides.io/linting-formatting/highlights-summary/)
- [Sysadmin Essentials](https://react.codeguides.io/linux-cli/sysadmin-essentials/)
- [Search & Regex](https://react.codeguides.io/linux-cli/search-regex/)
- [Node.js Developer Commands](https://react.codeguides.io/linux-cli/node-developer/)
- [Shell Productivity](https://react.codeguides.io/linux-cli/shell-productivity/)
- [Linux CLI Best Practices](https://react.codeguides.io/linux-cli/best-practices/)
- [Linux CLI Highlights Summary](https://react.codeguides.io/linux-cli/highlights-summary/)
- [Next.js Data Basics](https://react.codeguides.io/nextjs-data/nextjs-data-basics/)
- [Data Fetching in Server Components](https://react.codeguides.io/nextjs-data/fetching/)
- [Server Actions](https://react.codeguides.io/nextjs-data/server-actions/)
- [Revalidation](https://react.codeguides.io/nextjs-data/revalidation/)
- [Streaming & Suspense](https://react.codeguides.io/nextjs-data/streaming/)
- [Caching](https://react.codeguides.io/nextjs-data/caching/)
- [Search Params](https://react.codeguides.io/nextjs-data/search-params/)
- [Cookies & Headers](https://react.codeguides.io/nextjs-data/cookies-headers/)
- [Parallel Promises & Promise.all](https://react.codeguides.io/nextjs-data/promises/)
- [Async Generators & Iterators](https://react.codeguides.io/nextjs-data/generators/)
- [Centralized Fetch Utility with SWR](https://react.codeguides.io/nextjs-data/swr-fetch-utility/)
- [Centralized Fetch Utility with Axios](https://react.codeguides.io/nextjs-data/axios-fetch-utility/)
- [Next.js Data Best Practices](https://react.codeguides.io/nextjs-data/best-practices/)
- [Next.js Data Highlights Summary](https://react.codeguides.io/nextjs-data/highlights-summary/)
- [Authentication Patterns](https://react.codeguides.io/nextjs-patterns/authentication/)
- [API Route Handlers](https://react.codeguides.io/nextjs-patterns/api-routes/)
- [Environment Variables](https://react.codeguides.io/nextjs-patterns/environment-variables/)
- [Error Handling](https://react.codeguides.io/nextjs-patterns/error-handling/)
- [Testing Next.js Apps](https://react.codeguides.io/nextjs-patterns/testing/)
- [Deployment](https://react.codeguides.io/nextjs-patterns/deployment/)
- [SEO and Metadata](https://react.codeguides.io/nextjs-patterns/seo/)
- [Internationalization (i18n)](https://react.codeguides.io/nextjs-patterns/internationalization/)
- [Next.js Patterns Best Practices](https://react.codeguides.io/nextjs-patterns/best-practices/)
- [Next.js Patterns Highlights Summary](https://react.codeguides.io/nextjs-patterns/highlights-summary/)
- [Server Components](https://react.codeguides.io/nextjs-rendering/server-components/)
- [Client Components](https://react.codeguides.io/nextjs-rendering/client-components/)
- [Composition Patterns](https://react.codeguides.io/nextjs-rendering/composition/)
- [Static vs Dynamic Rendering](https://react.codeguides.io/nextjs-rendering/static-dynamic/)
- [Partial Prerendering (PPR)](https://react.codeguides.io/nextjs-rendering/partial-prerendering/)
- [Image Optimization](https://react.codeguides.io/nextjs-rendering/image-optimization/)
- [Font Optimization](https://react.codeguides.io/nextjs-rendering/font-optimization/)
- [Next.js Rendering Best Practices](https://react.codeguides.io/nextjs-rendering/best-practices/)
- [Next.js Rendering Highlights Summary](https://react.codeguides.io/nextjs-rendering/highlights-summary/)
- [App Router Basics](https://react.codeguides.io/nextjs-routing/app-router/)
- [Layouts](https://react.codeguides.io/nextjs-routing/layouts/)
- [Dynamic Routes](https://react.codeguides.io/nextjs-routing/dynamic-routes/)
- [Route Groups](https://react.codeguides.io/nextjs-routing/route-groups/)
- [Loading & Error Handling](https://react.codeguides.io/nextjs-routing/loading-error/)
- [Middleware](https://react.codeguides.io/nextjs-routing/middleware/)
- [Intercepting Routes](https://react.codeguides.io/nextjs-routing/intercepting-routes/)
- [Parallel Routes](https://react.codeguides.io/nextjs-routing/parallel-routes/)
- [Navigation](https://react.codeguides.io/nextjs-routing/navigation/)
- [Next.js Routing Best Practices](https://react.codeguides.io/nextjs-routing/best-practices/)
- [Next.js Routing Highlights Summary](https://react.codeguides.io/nextjs-routing/highlights-summary/)
- [Basic Next.js Setup](https://react.codeguides.io/nextjs-setup/basic-setup/)
- [Next.js + Tailwind v4 + shadcn/ui](https://react.codeguides.io/nextjs-setup/tailwind-shadcn/)
- [create-next-app CLI Flags](https://react.codeguides.io/nextjs-setup/cli-flags/)
- [Next.js + Prisma + PostgreSQL](https://react.codeguides.io/nextjs-setup/fullstack-prisma/)
- [Next.js + Auth.js v5](https://react.codeguides.io/nextjs-setup/auth-setup/)
- [Next.js + MDX Documentation Site](https://react.codeguides.io/nextjs-setup/mdx-docs-site/)
- [Next.js in a Turborepo Monorepo](https://react.codeguides.io/nextjs-setup/turborepo-monorepo/)
- [Next.js SaaS Starter](https://react.codeguides.io/nextjs-setup/saas-starter/)
- [Deploy Next.js on EC2 / Standalone Server](https://react.codeguides.io/nextjs-setup/deploy-ec2-standalone/)
- [Deploy Next.js on ECS / EKS (Containers)](https://react.codeguides.io/nextjs-setup/deploy-container-ecs-eks/)
- [Next.js Setup Best Practices](https://react.codeguides.io/nextjs-setup/best-practices/)
- [Next.js Setup Highlights Summary](https://react.codeguides.io/nextjs-setup/highlights-summary/)
- [Node.js Scripts Basics](https://react.codeguides.io/nodejs-scripts/nodejs-scripts-basics/)
- [Installing Node.js and npm](https://react.codeguides.io/nodejs-scripts/nodejs-install/)
- [pnpm vs npm](https://react.codeguides.io/nodejs-scripts/pnpm-vs-npm/)
- [Running Node.js Scripts in JavaScript](https://react.codeguides.io/nodejs-scripts/setup-javascript/)
- [Running TypeScript Scripts](https://react.codeguides.io/nodejs-scripts/setup-typescript/)
- [ESM vs CommonJS Modules](https://react.codeguides.io/nodejs-scripts/esm-vs-commonjs/)
- [ESLint for Node.js Scripts](https://react.codeguides.io/nodejs-scripts/eslint-setup/)
- [Utility Script Patterns](https://react.codeguides.io/nodejs-scripts/utility-scripts/)
- [EventEmitter Patterns](https://react.codeguides.io/nodejs-scripts/event-emitter/)
- [Making HTTP Servers](https://react.codeguides.io/nodejs-scripts/http-server/)
- [Node.js Scripts Best Practices](https://react.codeguides.io/nodejs-scripts/best-practices/)
- [Node.js Scripts Highlights Summary](https://react.codeguides.io/nodejs-scripts/highlights-summary/)
- [What's New in React 19](https://react.codeguides.io/react-19/overview/)
- [Server Components](https://react.codeguides.io/react-19/server-components/)
- [Server Actions](https://react.codeguides.io/react-19/server-actions/)
- [Form Actions](https://react.codeguides.io/react-19/form-actions/)
- [use() Hook](https://react.codeguides.io/react-19/use-hook/)
- [useOptimistic](https://react.codeguides.io/react-19/use-optimistic/)
- [Ref as Prop](https://react.codeguides.io/react-19/ref-as-prop/)
- [Document Metadata](https://react.codeguides.io/react-19/metadata/)
- [Asset Loading](https://react.codeguides.io/react-19/asset-loading/)
- [React Compiler](https://react.codeguides.io/react-19/compiler/)
- [React 19 Best Practices](https://react.codeguides.io/react-19/best-practices/)
- [React 19 Highlights Summary](https://react.codeguides.io/react-19/highlights-summary/)
- [React Architecture Decision Checklist](https://react.codeguides.io/react-architecture/architecture-checklist/)
- [React Architecture Gotchas & Common Mistakes](https://react.codeguides.io/react-architecture/common-mistakes/)
- [React & TypeScript Refactoring Decisions](https://react.codeguides.io/react-architecture/refactoring-decisions/)
- [UI Refactor Checklist](https://react.codeguides.io/react-architecture/refactor-checklist-20/)
- [Component Choice Workflow](https://react.codeguides.io/react-components/component-choice-workflow/)
- [Button](https://react.codeguides.io/react-components/button/)
- [Modal](https://react.codeguides.io/react-components/modal/)
- [Card](https://react.codeguides.io/react-components/card/)
- [Accordion](https://react.codeguides.io/react-components/accordion/)
- [Tabs](https://react.codeguides.io/react-components/tabs/)
- [Toast](https://react.codeguides.io/react-components/toast/)
- [Dropdown](https://react.codeguides.io/react-components/dropdown/)
- [Tooltip](https://react.codeguides.io/react-components/tooltip/)
- [Input](https://react.codeguides.io/react-components/input/)
- [Avatar](https://react.codeguides.io/react-components/avatar/)
- [Badge](https://react.codeguides.io/react-components/badge/)
- [Skeleton](https://react.codeguides.io/react-components/skeleton/)
- [Sidebar](https://react.codeguides.io/react-components/sidebar/)
- [Breadcrumb](https://react.codeguides.io/react-components/breadcrumb/)
- [Pagination](https://react.codeguides.io/react-components/pagination/)
- [Textarea](https://react.codeguides.io/react-components/textarea/)
- [Select](https://react.codeguides.io/react-components/select/)
- [Checkbox](https://react.codeguides.io/react-components/checkbox/)
- [Radio Group](https://react.codeguides.io/react-components/radio-group/)
- [Switch](https://react.codeguides.io/react-components/switch/)
- [Label](https://react.codeguides.io/react-components/label/)
- [Slider](https://react.codeguides.io/react-components/slider/)
- [Toggle Group](https://react.codeguides.io/react-components/toggle-group/)
- [Separator](https://react.codeguides.io/react-components/separator/)
- [AspectRatio](https://react.codeguides.io/react-components/aspect-ratio/)
- [ScrollArea](https://react.codeguides.io/react-components/scroll-area/)
- [Popover](https://react.codeguides.io/react-components/popover/)
- [Alert](https://react.codeguides.io/react-components/alert/)
- [Code Group (Multi-Runtime Tabs)](https://react.codeguides.io/react-components/code-group/)
- [React Components Highlights Summary](https://react.codeguides.io/react-components/highlights-summary/)
- [React Events Basics](https://react.codeguides.io/react-events/react-events-basics/)
- [Mouse Events](https://react.codeguides.io/react-events/mouse-events/)
- [Keyboard Events](https://react.codeguides.io/react-events/keyboard-events/)
- [Form Events](https://react.codeguides.io/react-events/form-events/)
- [Focus Events](https://react.codeguides.io/react-events/focus-events/)
- [Clipboard Events](https://react.codeguides.io/react-events/clipboard-events/)
- [Drag & Drop Events](https://react.codeguides.io/react-events/drag-events/)
- [Touch Events](https://react.codeguides.io/react-events/touch-events/)
- [Scroll Events](https://react.codeguides.io/react-events/scroll-events/)
- [Pointer Events](https://react.codeguides.io/react-events/pointer-events/)
- [Media & Animation Events](https://react.codeguides.io/react-events/media-animation-events/)
- [React Events Best Practices](https://react.codeguides.io/react-events/best-practices/)
- [React Events Highlights Summary](https://react.codeguides.io/react-events/highlights-summary/)
- [React Basics](https://react.codeguides.io/react-fundamentals/react-basics/)
- [Component Decision Workflow](https://react.codeguides.io/react-fundamentals/component-decision-workflow/)
- [JSX and TSX](https://react.codeguides.io/react-fundamentals/jsx-and-tsx/)
- [Components](https://react.codeguides.io/react-fundamentals/components/)
- [Function Component Syntax Variations](https://react.codeguides.io/react-fundamentals/function-component-syntax/)
- [Conditional Rendering](https://react.codeguides.io/react-fundamentals/conditional-rendering/)
- [Lists and Keys](https://react.codeguides.io/react-fundamentals/lists-and-keys/)
- [Event Handling](https://react.codeguides.io/react-fundamentals/events/)
- [Forms](https://react.codeguides.io/react-fundamentals/forms/)
- [Refs](https://react.codeguides.io/react-fundamentals/refs/)
- [React Fundamentals Best Practices](https://react.codeguides.io/react-fundamentals/best-practices/)
- [React Fundamentals Highlights Summary](https://react.codeguides.io/react-fundamentals/highlights-summary/)
- [React Hooks Basics](https://react.codeguides.io/react-hooks/react-hooks-basics/)
- [Custom Hooks](https://react.codeguides.io/react-hooks/custom-hooks/)
- [useEffect Hook](https://react.codeguides.io/react-hooks/use-effect/)
- [useState Hook](https://react.codeguides.io/react-hooks/use-state/)
- [useContext Hook](https://react.codeguides.io/react-hooks/use-context/)
- [useReducer Hook](https://react.codeguides.io/react-hooks/use-reducer/)
- [useMemo Hook](https://react.codeguides.io/react-hooks/use-memo/)
- [useCallback Hook](https://react.codeguides.io/react-hooks/use-callback/)
- [useRef Hook](https://react.codeguides.io/react-hooks/use-ref/)
- [useId Hook](https://react.codeguides.io/react-hooks/use-id/)
- [useTransition Hook](https://react.codeguides.io/react-hooks/use-transition/)
- [useDeferredValue Hook](https://react.codeguides.io/react-hooks/use-deferred-value/)
- [useActionState Hook](https://react.codeguides.io/react-hooks/use-action-state/)
- [useOptimistic Hook](https://react.codeguides.io/react-hooks/use-optimistic/)
- [use Hook](https://react.codeguides.io/react-hooks/use/)
- [React Hooks Best Practices](https://react.codeguides.io/react-hooks/best-practices/)
- [React Hooks Highlights Summary](https://react.codeguides.io/react-hooks/highlights-summary/)
- [Vercel AI SDK](https://react.codeguides.io/react-libraries/ai-sdk/)
- [Prisma ORM](https://react.codeguides.io/react-libraries/prisma/)
- [dnd-kit Drag and Drop](https://react.codeguides.io/react-libraries/dnd-kit/)
- [AWS SDK S3](https://react.codeguides.io/react-libraries/aws-sdk-s3/)
- [AWS SDK Lambda](https://react.codeguides.io/react-libraries/aws-sdk-lambda/)
- [AWS SDK Polly](https://react.codeguides.io/react-libraries/aws-sdk-polly/)
- [Lodash Utilities](https://react.codeguides.io/react-libraries/lodash/)
- [date-fns Date Manipulation](https://react.codeguides.io/react-libraries/date-fns/)
- [TanStack Query (React Query)](https://react.codeguides.io/react-libraries/tanstack-query/)
- [NextAuth.js / Auth.js v5](https://react.codeguides.io/react-libraries/next-auth/)
- [React Libraries Best Practices](https://react.codeguides.io/react-libraries/best-practices/)
- [React Libraries Highlights Summary](https://react.codeguides.io/react-libraries/highlights-summary/)
- [React Patterns Basics](https://react.codeguides.io/react-patterns/react-patterns-basics/)
- [Composition Over Inheritance](https://react.codeguides.io/react-patterns/composition/)
- [Render Props](https://react.codeguides.io/react-patterns/render-props/)
- [Higher-Order Components](https://react.codeguides.io/react-patterns/higher-order-components/)
- [Compound Components](https://react.codeguides.io/react-patterns/compound-components/)
- [Controlled vs Uncontrolled Components](https://react.codeguides.io/react-patterns/controlled-uncontrolled/)
- [State Machines for UI Logic](https://react.codeguides.io/react-patterns/state-machines/)
- [Error Boundaries](https://react.codeguides.io/react-patterns/error-boundaries/)
- [React Portals](https://react.codeguides.io/react-patterns/portals/)
- [Suspense Boundaries](https://react.codeguides.io/react-patterns/suspense/)
- [Context Patterns](https://react.codeguides.io/react-patterns/context-patterns/)
- [React Performance Optimization](https://react.codeguides.io/react-patterns/performance/)
- [React Patterns Best Practices](https://react.codeguides.io/react-patterns/best-practices/)
- [React Patterns Highlights Summary](https://react.codeguides.io/react-patterns/highlights-summary/)
- [Performance Basics](https://react.codeguides.io/react-performance/react-performance-basics/)
- [Preventing Unnecessary Re-renders](https://react.codeguides.io/react-performance/re-renders/)
- [useMemo, useCallback & React.memo](https://react.codeguides.io/react-performance/memoization/)
- [React Compiler (React Forget)](https://react.codeguides.io/react-performance/react-compiler/)
- [React DevTools Profiler](https://react.codeguides.io/react-performance/profiling/)
- [Detecting & Fixing Memory Leaks](https://react.codeguides.io/react-performance/memory-leaks/)
- [Bundle Size Optimization](https://react.codeguides.io/react-performance/bundle-optimization/)
- [Server Component Performance](https://react.codeguides.io/react-performance/server-components-perf/)
- [Suspense & Streaming Performance](https://react.codeguides.io/react-performance/suspense-streaming/)
- [Image & Font Performance](https://react.codeguides.io/react-performance/image-font-perf/)
- [Core Web Vitals Optimization](https://react.codeguides.io/react-performance/core-web-vitals/)
- [State Management Performance](https://react.codeguides.io/react-performance/state-performance/)
- [Data Fetching Performance](https://react.codeguides.io/react-performance/data-fetching-perf/)
- [Next.js Caching Deep Dive](https://react.codeguides.io/react-performance/nextjs-caching/)
- [Performance Audit Checklist](https://react.codeguides.io/react-performance/performance-checklist/)
- [Performance Best Practices](https://react.codeguides.io/react-performance/best-practices/)
- [Performance Highlights Summary](https://react.codeguides.io/react-performance/highlights-summary/)
- [50 React & Next.js Rules](https://react.codeguides.io/react-rules/react-rules-50/)
- [40 Next.js Rules](https://react.codeguides.io/react-rules/nextjs-rules-40/)
- [30 API Rules for Next.js](https://react.codeguides.io/react-rules/api-rules-30/)
- [30 React UX Rules](https://react.codeguides.io/react-rules/ux-rules-30/)
- [Problem/Solution](https://react.codeguides.io/react-rules/problem-solution/)
- [React & Next.js Architecture Decisions](https://react.codeguides.io/react-rules/decisions/)
- [React Rules Highlights Summary](https://react.codeguides.io/react-rules/highlights-summary/)
- [Form & Input Bug Scenarios](https://react.codeguides.io/scenarios/form-input-bugs/)
- [Refactoring Example Scenarios](https://react.codeguides.io/scenarios/refactoring-examples/)
- [shadcn/ui Setup](https://react.codeguides.io/shadcn/setup/)
- [Button](https://react.codeguides.io/shadcn/button/)
- [Dialog](https://react.codeguides.io/shadcn/dialog/)
- [Form](https://react.codeguides.io/shadcn/form/)
- [Data Table](https://react.codeguides.io/shadcn/data-table/)
- [Command](https://react.codeguides.io/shadcn/command/)
- [Toast](https://react.codeguides.io/shadcn/toast/)
- [Sidebar](https://react.codeguides.io/shadcn/sidebar/)
- [shadcn/ui Highlights Summary](https://react.codeguides.io/shadcn/highlights-summary/)
- [React 19 Mastery Skill](https://react.codeguides.io/skills/react-19-mastery/)
- [Next.js Routing Deep Dive Skill](https://react.codeguides.io/skills/nextjs-routing-deep-dive/)
- [Next.js Data Fetching Skill](https://react.codeguides.io/skills/nextjs-data-fetching/)
- [Next.js Rendering Strategies Skill](https://react.codeguides.io/skills/nextjs-rendering-strategies/)
- [TypeScript React Patterns Skill](https://react.codeguides.io/skills/typescript-react-patterns/)
- [Zustand State Management Skill](https://react.codeguides.io/skills/zustand-state-management/)
- [Custom Hooks Crafting Skill](https://react.codeguides.io/skills/custom-hooks-crafting/)
- [Forms & Validation Expert Skill](https://react.codeguides.io/skills/forms-validation-expert/)
- [Tailwind v4 + shadcn/ui Skill](https://react.codeguides.io/skills/tailwind-v4-shadcn/)
- [Vercel React Best Practices Skill](https://react.codeguides.io/skills/vercel-react-best-practices/)
- [Node.js Scripts Expert Skill](https://react.codeguides.io/skills/nodejs-scripts-expert/)
- [Agent Skills Highlights Summary](https://react.codeguides.io/skills/highlights-summary/)
- [Getting Started with Stripe](https://react.codeguides.io/stripe/setup/)
- [Stripe Checkout Sessions](https://react.codeguides.io/stripe/checkout-session/)
- [Payment Intents (Custom Payment Flow)](https://react.codeguides.io/stripe/payment-intent/)
- [Payment Element & Card Element](https://react.codeguides.io/stripe/payment-element/)
- [Subscriptions](https://react.codeguides.io/stripe/subscriptions/)
- [Stripe Webhooks](https://react.codeguides.io/stripe/webhooks/)
- [Customer Portal](https://react.codeguides.io/stripe/customer-portal/)
- [Stripe React Hooks](https://react.codeguides.io/stripe/hooks/)
- [Stripe with Server Actions](https://react.codeguides.io/stripe/server-actions/)
- [Building a Pricing Page](https://react.codeguides.io/stripe/pricing-page/)
- [Error Handling & Edge Cases](https://react.codeguides.io/stripe/error-handling/)
- [Testing Stripe Integration](https://react.codeguides.io/stripe/testing/)
- [Stripe Payments Highlights Summary](https://react.codeguides.io/stripe/highlights-summary/)
- [SWR Setup and Configuration](https://react.codeguides.io/swr/setup/)
- [Basic Data Fetching with SWR](https://react.codeguides.io/swr/basic-fetching/)
- [Conditional and Dependent Fetching](https://react.codeguides.io/swr/conditional-fetching/)
- [Mutations and Optimistic Updates](https://react.codeguides.io/swr/mutation/)
- [Pagination with SWR](https://react.codeguides.io/swr/pagination/)
- [Revalidation Strategies](https://react.codeguides.io/swr/revalidation/)
- [Caching Strategies](https://react.codeguides.io/swr/caching/)
- [Error Handling](https://react.codeguides.io/swr/error-handling/)
- [SWR with React Suspense](https://react.codeguides.io/swr/suspense/)
- [TypeScript with SWR](https://react.codeguides.io/swr/typescript/)
- [SWR with React Server Components](https://react.codeguides.io/swr/with-server-components/)
- [SWR Middleware](https://react.codeguides.io/swr/middleware/)
- [SWR Highlights Summary](https://react.codeguides.io/swr/highlights-summary/)
- [Tailwind CSS v4 Setup](https://react.codeguides.io/tailwind/setup/)
- [Tailwind Examples](https://react.codeguides.io/tailwind/examples/)
- [Tailwind Utilities](https://react.codeguides.io/tailwind/utilities/)
- [Grid Examples](https://react.codeguides.io/tailwind/grid-examples/)
- [Responsive Design](https://react.codeguides.io/tailwind/responsive/)
- [Dark Mode](https://react.codeguides.io/tailwind/dark-mode/)
- [Animations](https://react.codeguides.io/tailwind/animations/)
- [Custom Utilities](https://react.codeguides.io/tailwind/custom-utilities/)
- [Tailwind Colors](https://react.codeguides.io/tailwind/colors/)
- [Tailwind CSS v4 Highlights Summary](https://react.codeguides.io/tailwind/highlights-summary/)
- [Vitest Setup with Next.js](https://react.codeguides.io/testing/vitest-setup/)
- [Jest Setup with Next.js](https://react.codeguides.io/testing/jest-setup/)
- [React Testing Library Fundamentals](https://react.codeguides.io/testing/react-testing-library/)
- [Testing React Components](https://react.codeguides.io/testing/component-testing/)
- [Testing Custom Hooks](https://react.codeguides.io/testing/testing-hooks/)
- [Mocking in Tests](https://react.codeguides.io/testing/mocking/)
- [Testing Forms](https://react.codeguides.io/testing/testing-forms/)
- [Testing Async Behavior](https://react.codeguides.io/testing/testing-async/)
- [Testing Context & State Management](https://react.codeguides.io/testing/testing-context-state/)
- [Testing Server Components & Actions](https://react.codeguides.io/testing/testing-server-components/)
- [Playwright E2E Setup](https://react.codeguides.io/testing/playwright-setup/)
- [Playwright E2E Patterns](https://react.codeguides.io/testing/playwright-patterns/)
- [Advanced Playwright](https://react.codeguides.io/testing/playwright-advanced/)
- [Testing Strategy & Best Practices](https://react.codeguides.io/testing/testing-strategies/)
- [Testing Best Practices](https://react.codeguides.io/testing/best-practices/)
- [Testing Highlights Summary](https://react.codeguides.io/testing/highlights-summary/)
- [Gherkin Form Decision Checklist](https://react.codeguides.io/testing-gherkins/gherkin-form-decision-checklist/)
- [Gherkin to Code](https://react.codeguides.io/testing-gherkins/gherkin-to-code/)
- [Filetree Example](https://react.codeguides.io/testing-gherkins/filetree-example/)
- [Gherkin to Deploy Pipeline](https://react.codeguides.io/testing-gherkins/gherkin-to-deploy-pipeline/)
- [Testing: Gherkins Highlights Summary](https://react.codeguides.io/testing-gherkins/highlights-summary/)
- [TypeScript + React Basics](https://react.codeguides.io/typescript-react/typescript-react-basics/)
- [TypeScript Basics for React](https://react.codeguides.io/typescript-react/basics/)
- [Typing Props](https://react.codeguides.io/typescript-react/typing-props/)
- [Typing State](https://react.codeguides.io/typescript-react/typing-state/)
- [Typing Events](https://react.codeguides.io/typescript-react/typing-events/)
- [Typing Refs](https://react.codeguides.io/typescript-react/typing-refs/)
- [Typing Context](https://react.codeguides.io/typescript-react/typing-context/)
- [Generics in React](https://react.codeguides.io/typescript-react/generics/)
- [Discriminated Unions](https://react.codeguides.io/typescript-react/discriminated-unions/)
- [Utility Types for React](https://react.codeguides.io/typescript-react/utility-types/)
- [Typing API Responses](https://react.codeguides.io/typescript-react/typing-api-responses/)
- [Typing Server Components](https://react.codeguides.io/typescript-react/typing-server-components/)
- [Typing Route Handlers](https://react.codeguides.io/typescript-react/typing-route-handlers/)
- [Strict Mode Patterns](https://react.codeguides.io/typescript-react/strict-mode-patterns/)
- [Type Narrowing](https://react.codeguides.io/typescript-react/type-narrowing/)
- [Declaration Files](https://react.codeguides.io/typescript-react/declaration-files/)
- [Regular Expressions Reference](https://react.codeguides.io/typescript-react/regular-expressions/)
- [TypeScript + React Best Practices](https://react.codeguides.io/typescript-react/best-practices/)
- [TypeScript + React Highlights Summary](https://react.codeguides.io/typescript-react/highlights-summary/)
- [Zustand Setup and Basic Usage](https://react.codeguides.io/zustand/setup/)
- [Store Design Patterns](https://react.codeguides.io/zustand/store-patterns/)
- [Selectors and Performance](https://react.codeguides.io/zustand/selectors/)
- [Async Actions](https://react.codeguides.io/zustand/async-actions/)
- [Slice Pattern](https://react.codeguides.io/zustand/slices/)
- [Zustand Middleware](https://react.codeguides.io/zustand/middleware/)
- [Persist Middleware](https://react.codeguides.io/zustand/persist/)
- [Immer Middleware](https://react.codeguides.io/zustand/immer/)
- [TypeScript with Zustand](https://react.codeguides.io/zustand/typescript/)
- [Context vs Zustand](https://react.codeguides.io/zustand/context-vs-zustand/)
- [Zustand with Next.js](https://react.codeguides.io/zustand/zustand-with-nextjs/)
- [Testing Zustand Stores](https://react.codeguides.io/zustand/testing/)
- [Redux DevTools Integration](https://react.codeguides.io/zustand/devtools/)
- [Zustand Highlights Summary](https://react.codeguides.io/zustand/highlights-summary/)

## Sitemap
https://react.codeguides.io/sitemap.xml