Packages
Shared Packages
Reusable code shared across applications
Packages Overview
UI Package
Shared React component library with Material-UI
Lib Package
Shared utilities and helper functions
Config Packages
Shared ESLint and TypeScript configurations
Package Structure
All packages follow a consistent structure:
index.ts
package.json
tsconfig.json
Using Packages
Packages are referenced using the workspace:* protocol:
{
"dependencies": {
"@shared/ui": "workspace:*",
"@shared/lib": "workspace:*"
}
}Importing from Packages
// Import UI components
// Import utilities
import { dayjs, formatDate } from "@shared/lib"
import { Button, Card, TextField } from "@shared/ui"Benefits
Explore each package to learn more about its contents and usage.