src/
├── assets/ # Static assets (images, fonts)
│ ├── fonts/
│ ├── images/
│
├── components/ # UI Components (Atomic Design)
│ ├── atoms/ # Smallest reusable components (Button, Input, Label)
│ ├── molecules/ # Grouped atoms forming functional components
│ ├── organisms/ # Complex UI structures combining molecules
│ ├── templates/ # Page layouts (AuthLayout, DashboardLayout)
│
├── lib/ # Business logic and utilities
│ ├── constants/ # Global constants
│ ├── helpers/ # Utility functions
│ ├── hooks/ # Custom reusable hooks
│ ├── store/ # State management (Redux/Zustand)
│ ├── types/types.ts # Shared TypeScript types and interfaces
│
├── pages/ # Page components (LoginPage, DashboardPage)
│ ├── App.tsx # Main app entry point
├── routes/ # Centralized app routing
│ ├── routes.tsx
│
├── services/ # API services (fetching data)
│ ├── products/ # Product API services
│ │ ├── queries.ts # React Query fetching
| | ├── keys.ts # Query keys
│ │ ├── mutations.ts # React Query mutations
│ │ ├── api.ts # API functions
│
├── styles/ # Global styles (CSS Modules, Tailwind, etc.)
│ ├── globals.css
│
├── index.tsx # React root file
├── .env.local # Environment variables
├── .gitignore
├── package.json
-
Notifications
You must be signed in to change notification settings - Fork 197
Shpendrr/react-app-structure
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published