typescript-frontend-patterns

What problem does it solve?

TypeScript and React patterns to standardize and accelerate MSI-a admin panel development, ensuring consistent architecture and easier onboarding.

Core Features & Use Cases

• API Client Pattern: Singleton pattern with generic CRUD methods and token management.
• Types Pattern: Domain-structured interfaces and re-usable type definitions for admins, users, cases, and related entities.
• Custom Hook Pattern: Data fetching hooks with loading, error handling, and refetch capabilities.
• Context Pattern: Auth and global app state via React Context with a safe provider.
• Form State Pattern: Robust form state management with immutable updates and change tracking.
• Constants & Utilities: Centralized constants and helper utilities to avoid magic numbers and repetitive logic.

Quick Start

Import the ApiClient singleton and implement a sample hook that fetches data using the provided patterns.