React Patterns

React Patterns

affaan-m

React Patterns

React Patterns

Idiomatic React 18/19 patterns covering hooks discipline, server/client boundaries, and state location.

New tool
0 downloads
Free

About

Idiomatic React 18/19 patterns for building robust, accessible, performant component trees. - Writing or modifying React function components, custom hooks, or component trees - Reviewing JSX/TSX files - Designing state shape or component composition - Migrating class components or older `forwardRef`/`useEffect`-heavy code - Choosing between local state, lifted state, context, and external stores - Working with Server Components / Client Components (Next.js App Router, RSC) - Implementing forms with React 19 actions or controlled inputs - Wiring data fetching with TanStack Query / SWR / RSC

Key Features

State location decision trees
Server and client component boundary rules
Hooks discipline and optimization guides
React 19 form actions and optimistic UI patterns

Privacy & Security

Data Collection

This tool follows industry-standard security practices and only collects data necessary for functionality.

Information

Developeraffaan-m
Version1.0.0
Ratingeveryone
LanguagesEnglish

Actions

  • Review React components
  • Choose state location
  • Implement server and client boundaries
  • Configure form actions