Skip to content
Frontend Playbook
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Auto
Getting Started
Introduction
General Principles
Build with AI
Project Structure
Feature-sliced Design Overview
Pages & Routes (Common Concepts)
Next.js Structure
TanStack Router (or React Router)
Cross-Feature Composition (Escape Hatch)
Naming Conventions
File Naming
Variable Naming
Function Naming
Naming Tips & Gotchas
Components
Writing Components
Code Order in Components
Compound Component Pattern
TypeScript
Type vs Interface
Utility Types
Immutability
Enumerations
Type Guards and Parsing Data
Coding Patterns
Function Best Practices
Pure Functions
Boolean Conversion
Declarative vs Imperative
Tooling
ESLint Configuration
Prettier Configuration
Environment Variables
Code Comments
UI & Styling
UI Components (Shadcn)
Tailwind CSS
Assets & Icons
Data Fetching
TanStack Query Overview
HTTP Client with ky
Query Keys & Options
API Type Generators
Routing
Router Choice
TanStack Router Patterns
Forms & Translations
Forms
Translations
Contributing
Git Workflow
Merge Requests
Changelog
GitHub
Select theme
Dark
Light
Auto
ESLint Configuration
