React Tips
Welcome to React Tips, an official and opinionated guide with this site's recommended practices for building fast, flexible interfaces with a clear mental model and a steady workflow. No guarantees.
Start Here
How the Docs Are Organized
React guidance is organized into three layers so you can move from concepts to implementation without losing momentum.
Learn
- Fundamentals, mental models, and the component router mindset
- Short, focused pages that keep you shipping
Guides
- Applied practices for state, data, performance, and forms
- Repeatable playbooks you can use in any file router or component router setup
Reference
- APIs, patterns, and architecture notes
- Designed to be scanned and reused
Explore the Sections
- Front Matter
- Getting Started
- Learn React
- The App Router Mindset
- Core Concepts (Best Practices)
- React APIs
- Components and Composition
- Styling and Theming
- Data Fetching and Caching (Best Practices)
- Routing and Navigation
- State Management (Best Practices)
- Forms and Validation (Best Practices)
- Performance and Rendering (Best Practices)
- Error Handling and Resilience
- Testing and Debugging
- TypeScript and Types
- Accessibility (Best Practices)
- Security and Safety
- Migrating to React
- Recipes and Patterns
- Advanced Topics
- API Reference
- Architecture Guides
- Patterns Library
- Tools and Ecosystem
- Examples and Tutorials
- FAQ
- Glossary
- Release Notes
- Appendix