Chravel Code Patterns Reference

What problem does it solve?

This Skill provides clear, canonical examples of correct and incorrect coding patterns specific to the Chravel project, ensuring consistency and maintainability.

Core Features & Use Cases

• React Patterns: Demonstrates best practices for component structure, state management, effects, and event handling.
• Supabase Patterns: Illustrates standard query patterns, optimistic updates, and realtime subscriptions.
• Google Maps Patterns: Shows how to initialize maps, perform guarded operations, handle debounced events, and manage markers.
• Error Patterns: Highlights common pitfalls like unclosed brackets and missing returns.
• UI Layout: Provides a visual guide for the typical Chravel UI structure.

Quick Start

Show me the correct way to handle state updates in a React useEffect hook within Chravel.