react-spa-patterns
React SPA Patterns for Frappe
Quick reference for building React SPAs that integrate with a Frappe backend.
Project Overview
| App | Path | Stack |
|---|---|---|
| Unity Parent App | apps/unity_parent_app/new_frontend/ |
React 18 + Vite 6 + shadcn/ui + Tailwind + TanStack Query v5 + Jotai + Axios |
| Walsh Admin Portal | apps/edu_quality/walsh/ |
React 18 + Vite 5 + Refine v4 + Mantine v5 + React Query v3 |
Frappe API Integration
Axios (Parent App)
// src/utils/axiosInstance.ts — pre-configured with withCredentials: true
More from unityappsuite/frappe-claude
bench-commands
Frappe Bench CLI command reference for site management, app management, development, and production operations. Use when running bench commands, managing sites, migrations, builds, or deployments.
23frappe-api
Frappe Python and JavaScript API reference including document operations, database queries, utilities, and REST API patterns. Use when working with frappe.get_doc, frappe.db, frappe.call, or any Frappe API methods.
16client-scripts
Frappe client-side JavaScript patterns for form events, field manipulation, dialogs, and UI customization. Use when writing form scripts, handling field changes, creating dialogs, or customizing the Frappe desk interface.
11doctype-patterns
Frappe DocType creation patterns, field types, controller hooks, and data modeling best practices. Use when creating DocTypes, designing data models, adding fields, or setting up document relationships in Frappe/ERPNext.
10server-scripts
Frappe server-side Python patterns for controllers, document events, whitelisted APIs, background jobs, and database operations. Use when writing controller logic, creating APIs, handling document events, or processing data on the server.
10react-native-patterns
React Native / Expo patterns for Frappe-backed mobile apps. Reference for Axios API calls, React Query v4, Redux Toolkit, React Navigation, expo-location, NetworkContext, transport journey lifecycle, attendance flow, and EAS builds.
2