React + TanStack + TakeOff UI Enterprise Builder

Overview

This skill guides you through building production-ready, secure React frontends with:

• Vite - Modern build tool for fast development
• TanStack Query - Powerful data synchronization and caching
• TanStack Router - Type-safe file-based routing
• TakeOff UI - Enterprise component library with Tailwind integration
• Tailwind CSS - Utility-first styling (NO custom CSS files)
• TypeScript - Type safety throughout
• Centralized Auth - OAuth 2.0 or JWT-based authentication
• Dynamic UI Generation - Forms and tables from backend schemas
• Clean Architecture - Strict separation of concerns

When to Use This Skill