Modern React guides covering hooks, Next.js App Router, TypeScript, state management and testing. React 18+ patterns for production applications.
useState, useEffect, useRef, useMemo, useCallback, useReducer, useTransition and rules of hooks.
Read guide →useFetch, useLocalStorage, useDebounce, useClickOutside, useIntersectionObserver and testing hooks.
Read guide →Context + useReducer, splitting contexts, avoiding re-render pitfalls and compound components.
Read guide →useReducer vs useState, TypeScript discriminated union actions, Context+Reducer store, Immer and async state machines.
Read guide →Class boundaries, react-error-boundary library, async errors, Suspense pairing and Sentry integration.
Read guide →Local vs global state decisions, Redux Toolkit, Zustand, TanStack Query and when to use each.
Read guide →create() store, selectors, async actions, TypeScript, devtools+persist+immer middleware and slice pattern.
Read guide →configureStore, createSlice, createAsyncThunk, typed hooks, RTK Query with cache tags and optimistic updates.
Read guide →Atoms, derived atoms, writable atoms, async atoms, atom families, atomWithStorage and Jotai vs Zustand.
Read guide →useQuery, useMutation, cache invalidation, optimistic updates, useInfiniteQuery and Next.js HydrationBoundary.
Read guide →useSWR, global config, conditional fetching, mutation, optimistic updates, infinite loading and TypeScript.
Read guide →RHF register/handleSubmit, Zod schema validation, dynamic fields, file uploads and loading states.
Read guide →Server vs client components, async data fetching, streaming with Suspense, composition patterns and caching.
Read guide →React.lazy, use() hook, data fetching with Suspense, streaming SSR and parallel Suspense patterns.
Read guide →Concurrent rendering mental model, isPending patterns, tab switching, deferred lists and Next.js Server Actions.
Read guide →App Router vs Pages Router, Server Components, Server Actions, data fetching and ISR.
Read guide →layout/page/loading/error/not-found, nested layouts, route groups, parallel routes and intercepting routes.
Read guide →Time-based revalidation, on-demand revalidation with revalidateTag/revalidatePath, PPR and cache exports.
Read guide →Route Handlers, GET/POST/PUT/DELETE, NextRequest/NextResponse, Server Actions, Zod validation and file uploads.
Read guide →matcher config, JWT auth guard, role-based access, security headers, geolocation, A/B testing and rate limiting.
Read guide →Metadata export, generateMetadata, OG images with ImageResponse, JSON-LD structured data and robots.txt.
Read guide →next/image, priority prop, sizes prop, fill layout, remote patterns, blur placeholder and AVIF vs WebP.
Read guide →OAuth providers, credentials, session management, protected routes with middleware and RBAC.
Read guide →React.memo, useMemo, useCallback, React.lazy/Suspense, virtualization, Profiler and bundle analysis.
Read guide →React.lazy, Suspense, named export patterns, route-based splitting, prefetching and bundle analysis.
Read guide →vite.config.ts, path aliases, env vars, key plugins (react-swc, svgr), Vitest and CRA migration steps.
Read guide →Setup for Next.js/Vite, dark mode, custom theme, cva+clsx+tailwind-merge, shadcn/ui and Tailwind v4.
Read guide →createBrowserRouter, nested routes, loaders, actions, lazy routes, protected routes and useSearchParams.
Read guide →Component props typing, event handlers, generics, forwardRef, discriminated unions and strict mode.
Read guide →Queries, user-event, async testing, MSW for API mocking, coverage and CI integration.
Read guide →Role locators, Page Object Model, global auth, API mocking with route(), visual comparisons and CI setup.
Read guide →Schema definition, React Hook Form + zodResolver, API response validation, discriminated unions and custom validators.
Read guide →REST and GraphQL handlers, browser Service Worker setup, Vitest integration, error simulation and Storybook.
Read guide →CSF3 stories, argTypes controls, decorators, play() interaction tests, a11y addon and Chromatic visual regression.
Read guide →motion components, variants, AnimatePresence, layout animations, gestures, useScroll parallax and LazyMotion.
Read guide →Semantic HTML, ARIA attributes, focus trapping, keyboard navigation, live regions and axe-core testing.
Read guide →CSS variable tokens, useTheme hook, system preference detection, FOUC prevention, next-themes and Tailwind dark mode.
Read guide →Scoped CSS Modules, dynamic styled-components, Emotion css prop, ThemeProvider and styling approach comparison.
Read guide →Atoms, molecules, organisms, templates and pages — folder structure, feature-based architecture and barrel exports.
Read guide →BarChart, LineChart, AreaChart, PieChart, ComposedChart, custom tooltips, dark theme and real-time updates.
Read guide →Context-based compound components, TypeScript generics, render props pattern, headless hooks and Accordion.
Read guide →HOC anatomy, withAuth, withLoading, withErrorBoundary, withLogging, TypeScript generics and compose utility.
Read guide →useRef for DOM and values, callback refs, forwardRef with TypeScript, React 19 ref-as-prop and useImperativeHandle.
Read guide →createPortal, modal with focus management, tooltip positioning, toast system and SSR guard pattern.
Read guide →react-window FixedSizeList/Grid, TanStack Virtual with dynamic heights, IntersectionObserver infinite scroll.
Read guide →DndContext, useDraggable/useDroppable, SortableContext with arrayMove, Kanban board and accessibility announcements.
Read guide →XHR progress events, react-dropzone, file validation, multi-file upload, S3 presigned URLs and Server Actions.
Read guide →Column definitions, sorting, global/column filters, pagination, row selection, column visibility and server-side.
Read guide →Translation JSON, useTranslation hook, plurals, Trans component, language switching, Next.js locale routing and lazy-loaded namespaces.
Read guide →Web App Manifest, vite-plugin-pwa, Workbox caching strategies, offline UI, install prompt, push notifications and Background Sync.
Read guide →Webpack 5 Module Federation, host/remote/shared concepts, async bootstrap, TypeScript declarations and Vite federation.
Read guide →pnpm workspaces, turbo.json pipeline, shared packages, TypeScript path inheritance, remote caching and CI integration.
Read guide →Multi-stage Dockerfile for Vite and Next.js, Nginx SPA config, runtime env vars, Docker Compose with health checks and multi-platform builds.
Read guide →Parallel lint/test/e2e jobs, Docker build to GHCR, Cloudflare Pages previews, Vercel deploy and AWS ECS with OIDC.
Read guide →Platform file resolution, shared hooks and stores, Solito navigation, Tamagui universal UI and Expo Router web output.
Read guide →useWebSocket with exponential backoff, typed events, WSProvider context, TanStack Query integration, SSE and presence tracking.
Read guide →Typed server/client events, SocketProvider, chat room with rooms, typing indicators, auth middleware and reconnect strategy.
Read guide →PaymentElement, Checkout Sessions, subscriptions, webhook verification, Server Actions and Next.js secure payment flow.
Read guide →react-map-gl markers and popups, GeoJSON clustering, react-leaflet setup, MarkerClusterGroup and Mapbox Geocoding API.
Read guide →Document/Page/View primitives, StyleSheet Flexbox, invoice template, custom fonts, PDFDownloadLink, BlobProvider and server-side rendering.
Read guide →Vercel AI SDK, useChat streaming hook, tool calling, DALL-E image generation, embeddings, RAG pattern and secure API key handling.
Read guide →OpenFeature SDK, LaunchDarkly integration, custom flag provider, A/B testing pattern, percentage rollouts and kill switches.
Read guide →Canvas setup, useFrame animation, lighting and textures, OrbitControls, GLTF models, post-processing effects and GPU instancing.
Read guide →Subscribe to browser APIs (online, window size, media query, scroll), building a mini Zustand-style store and SSR snapshots.
Read guide →Block-based vDOM, block() API, auto compiler mode, Million Lint, optimized For list rendering and when to use Million vs React default.
Read guide →Action type patterns, async actions, combined reducers, state machines, useReducer with Context, and TypeScript discriminated unions.
Read guide →Context-based compound components, Accordion, Tabs, render props, children as function, prop getter pattern, and TypeScript types.
Read guide →motion components, variants, stagger, gestures, AnimatePresence, layout animations, scroll-linked effects and performance tips.
Read guide →useQuery, useMutation, query keys, cache invalidation, pagination, infinite queries, optimistic updates, and Next.js hydration.
Read guide →Store creation, selectors, async actions, slice pattern, devtools + immer + persist middleware, outside-React access and TypeScript.
Read guide →File conventions, nested layouts, loading.tsx streaming, error.tsx boundaries, Server vs Client Components, data fetching, and metadata API.
Read guide →