frontend-patterns

原文涵盖的主题

• Frontend Development Patterns
• When to Activate
• Privacy and Data Boundaries
• Component Patterns
• Composition Over Inheritance
• Compound Components
• Render Props Pattern
• Custom Hooks Patterns

Modern frontend patterns for React, Next.js, and performant user interfaces. Building React components (composition, props, rendering) Managing state (useState, useReducer, Zustand, Context) Implementing data fetching (SWR, React Query, server components) Optimizing performance (memoization, virtualization, code splitting) Working with forms (validation, controlled inputs, Zod schemas) Handling client-side routing and navigation Building accessible, responsive UI patterns Frontend examples should use synthetic or domain-generic data. Do not collect, log, persist, or display credentials, access tokens, SSNs, health data, payment details, private emails, phone numbers, or other sensitive personal data unless the user explicitly requests a scoped implementation with appropriate validation, redaction, and access controls. Avoid adding analytics, tracking pixels, third-party scripts, or external data sinks without explicit approval. When handling user data, prefer least-privilege APIs, client-side redaction before logging, and server-side validation for every boundary. Remember: Modern frontend patterns enable maintainable, performant user interfaces. Choose patterns that fit your proje

这里只展示节选，请以完整原文和当前要求为准。