Bulletproof React Patterns

Architecture patterns for building scalable, maintainable React applications. Based on bulletproof-react.

Core References

Topic	Description	Reference
Project Structure	Feature-based organization, unidirectional architecture, ESLint enforcement	project-structure
Components & Styling	Component hierarchy, wrapping 3rd party libs, headless vs styled libraries	components-and-styling
API Layer	API client, request declarations, query/mutation hook patterns	api-layer
State Management	Component, application, server cache, form, and URL state categories	state-management
Error Handling	Error boundaries, API errors, error tracking with Sentry	error-handling
Testing	Unit, integration, e2e strategies with Vitest, Testing Library, Playwright, MSW	testing
Project Standards	ESLint, Prettier, TypeScript, Husky, absolute imports, file naming	project-standards
Security	Authentication, token storage, XSS prevention, RBAC/PBAC authorization	security
Performance	Code splitting, data prefetching, state optimization, children pattern	performance