https://blog.rajpoot.dev/tags/react/ Recent content in React on Manvendra Rajpoot https://blog.rajpoot.dev/img/personal/cover.png https://blog.rajpoot.dev/img/personal/cover.png Hugo en Manvendra Rajpoot Sun, 17 May 2026 17:50:46 +0530 https://blog.rajpoot.dev/cheatsheets/react/01-basics-cheatsheet/ Tue, 19 May 2026 06:00:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/01-basics-cheatsheet/ React basics cheatsheet — components, JSX, props, state, rendering. https://blog.rajpoot.dev/cheatsheets/react/02-hooks-cheatsheet/ Tue, 19 May 2026 06:10:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/02-hooks-cheatsheet/ React hooks cheatsheet — useState, useEffect, useMemo, useReducer, useRef. https://blog.rajpoot.dev/cheatsheets/react/03-useeffect-patterns-cheatsheet/ Tue, 19 May 2026 06:20:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/03-useeffect-patterns-cheatsheet/ useEffect cheatsheet — when (not) to use effects, common patterns, cleanups. https://blog.rajpoot.dev/cheatsheets/react/04-forms-cheatsheet/ Tue, 19 May 2026 06:30:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/04-forms-cheatsheet/ React forms cheatsheet — controlled inputs, uncontrolled, React Hook Form. https://blog.rajpoot.dev/cheatsheets/react/05-context-cheatsheet/ Tue, 19 May 2026 06:40:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/05-context-cheatsheet/ React context cheatsheet — createContext, useContext, custom hooks, pitfalls. https://blog.rajpoot.dev/cheatsheets/react/06-memoization-cheatsheet/ Tue, 19 May 2026 06:50:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/06-memoization-cheatsheet/ React memoization cheatsheet — when to memo, useMemo, useCallback. https://blog.rajpoot.dev/cheatsheets/react/07-performance-cheatsheet/ Tue, 19 May 2026 07:00:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/07-performance-cheatsheet/ React performance cheatsheet — profiling, common bottlenecks, optimizations. https://blog.rajpoot.dev/cheatsheets/react/08-suspense-cheatsheet/ Tue, 19 May 2026 07:10:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/08-suspense-cheatsheet/ React Suspense cheatsheet — boundaries, fallbacks, streaming, use API. https://blog.rajpoot.dev/cheatsheets/react/09-server-components-cheatsheet/ Tue, 19 May 2026 07:20:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/09-server-components-cheatsheet/ React Server Components cheatsheet — RSC, server vs client, boundaries. https://blog.rajpoot.dev/cheatsheets/react/10-routing-cheatsheet/ Tue, 19 May 2026 07:30:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/10-routing-cheatsheet/ React routing cheatsheet — React Router 7, TanStack Router, basics, loaders. https://blog.rajpoot.dev/cheatsheets/typescript/10-react-types-cheatsheet/ Mon, 18 May 2026 07:30:00 +0530 https://blog.rajpoot.dev/cheatsheets/typescript/10-react-types-cheatsheet/ TypeScript + React cheatsheet — props, refs, events, hooks, generics, context. https://blog.rajpoot.dev/cheatsheets/react/11-tanstack-query-cheatsheet/ Tue, 19 May 2026 07:40:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/11-tanstack-query-cheatsheet/ TanStack Query cheatsheet — useQuery, useMutation, invalidation, optimistic. https://blog.rajpoot.dev/cheatsheets/react/12-zustand-cheatsheet/ Tue, 19 May 2026 07:50:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/12-zustand-cheatsheet/ Zustand cheatsheet — create store, selectors, slices, persistence. https://blog.rajpoot.dev/cheatsheets/react/13-testing-cheatsheet/ Tue, 19 May 2026 08:00:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/13-testing-cheatsheet/ React testing cheatsheet — RTL, Vitest, user-event, async, mocks. https://blog.rajpoot.dev/cheatsheets/react/14-error-boundaries-cheatsheet/ Tue, 19 May 2026 08:10:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/14-error-boundaries-cheatsheet/ React error boundaries cheatsheet — class boundary, react-error-boundary, RSC errors. https://blog.rajpoot.dev/cheatsheets/react/15-refs-cheatsheet/ Tue, 19 May 2026 08:20:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/15-refs-cheatsheet/ React refs cheatsheet — useRef, forwardRef, useImperativeHandle, callback refs. https://blog.rajpoot.dev/cheatsheets/react/16-portals-cheatsheet/ Tue, 19 May 2026 08:30:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/16-portals-cheatsheet/ React portals cheatsheet — createPortal, modals, popovers, tooltips. https://blog.rajpoot.dev/cheatsheets/react/17-drag-and-drop-cheatsheet/ Tue, 19 May 2026 08:40:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/17-drag-and-drop-cheatsheet/ React drag and drop cheatsheet — dnd-kit, HTML5 DnD, native pointer events. https://blog.rajpoot.dev/cheatsheets/react/18-animations-cheatsheet/ Tue, 19 May 2026 08:50:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/18-animations-cheatsheet/ React animations cheatsheet — Motion library, layout animations, gestures. https://blog.rajpoot.dev/cheatsheets/react/19-virtualization-cheatsheet/ Tue, 19 May 2026 09:00:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/19-virtualization-cheatsheet/ React list cheatsheet — keys, virtualization, infinite scroll. https://blog.rajpoot.dev/cheatsheets/react/20-project-setup-cheatsheet/ Tue, 19 May 2026 09:10:00 +0530 https://blog.rajpoot.dev/cheatsheets/react/20-project-setup-cheatsheet/ Modern React project setup — Vite, TypeScript, ESLint, Vitest, Tailwind. https://blog.rajpoot.dev/posts/typescript/state-management-2026/ Tue, 05 May 2026 07:30:00 +0530 https://blog.rajpoot.dev/posts/typescript/state-management-2026/ React state management in 2026 — Zustand, Jotai, Redux Toolkit, and how to pick when server state is owned by TanStack Query. https://blog.rajpoot.dev/posts/typescript/tanstack-query-2026/ Mon, 04 May 2026 08:00:00 +0530 https://blog.rajpoot.dev/posts/typescript/tanstack-query-2026/ TanStack Query in 2026 — query patterns, mutations, optimistic updates, suspense integration, and the production patterns. https://blog.rajpoot.dev/posts/typescript/react-server-components-2026/ Sun, 03 May 2026 08:00:00 +0530 https://blog.rajpoot.dev/posts/typescript/react-server-components-2026/ React Server Components in 2026 — production lessons, server actions, hydration, and an honest take on RSC after years in the wild. https://blog.rajpoot.dev/posts/typescript/server-actions-mutation-patterns-2026/ Fri, 01 May 2026 01:10:00 +0530 https://blog.rajpoot.dev/posts/typescript/server-actions-mutation-patterns-2026/ Server action patterns for mutations in Next.js 15 — validation, optimistic UI, error handling, redirects, and the patterns that ship. https://blog.rajpoot.dev/posts/typescript/server-components-data-fetching-2026/ Thu, 30 Apr 2026 21:50:00 +0530 https://blog.rajpoot.dev/posts/typescript/server-components-data-fetching-2026/ Data fetching patterns with React Server Components in 2026 — direct DB access, parallel fetching, streaming with Suspense, and the patterns that ship. https://blog.rajpoot.dev/posts/typescript/react-19-server-actions-2026/ Thu, 30 Apr 2026 16:10:00 +0530 https://blog.rajpoot.dev/posts/typescript/react-19-server-actions-2026/ React 19 in production — server actions, the use() hook, optimistic updates, the patterns that ship, and the rough edges to know. https://blog.rajpoot.dev/posts/typescript/nextjs-15-server-components-production/ Tue, 28 Apr 2026 19:50:00 +0530 https://blog.rajpoot.dev/posts/typescript/nextjs-15-server-components-production/ Next.js 15 server components in production — how they actually work, the App Router model, server actions, partial prerendering, and the gotchas after a year of real use.