82 lines
1.4 KiB
Markdown
82 lines
1.4 KiB
Markdown
# Frontend Stack для SFERA
|
||
|
||
## Core
|
||
|
||
```txt
|
||
Next.js
|
||
React
|
||
TypeScript
|
||
Tailwind CSS
|
||
shadcn/ui
|
||
Radix UI
|
||
lucide-react
|
||
```
|
||
|
||
## Data layer
|
||
|
||
```txt
|
||
TanStack Query
|
||
Zustand
|
||
Zod
|
||
React Hook Form
|
||
```
|
||
|
||
## Tables / Grids
|
||
|
||
```txt
|
||
TanStack Table
|
||
TanStack Virtual
|
||
```
|
||
|
||
Использовать для:
|
||
- 1С-проектов
|
||
- объектов 1С
|
||
- процедур и функций
|
||
- форм и команд
|
||
- ролей и прав
|
||
- review findings
|
||
- журналов изменений
|
||
- AI usage статистики
|
||
- лимитов
|
||
- интеграций
|
||
|
||
## Charts
|
||
|
||
```txt
|
||
Recharts
|
||
Apache ECharts
|
||
```
|
||
|
||
Для простых dashboard — Recharts.
|
||
Для тяжелой аналитики и сложных графиков — ECharts.
|
||
|
||
## Animations
|
||
|
||
```txt
|
||
Framer Motion
|
||
```
|
||
|
||
Использовать аккуратно:
|
||
- открытие панелей
|
||
- command palette
|
||
- sidebar
|
||
- drawer
|
||
- карточки задач
|
||
- state transitions
|
||
|
||
## UI generation tools
|
||
|
||
```txt
|
||
v0 by Vercel
|
||
shadcn/ui
|
||
shadcn/studio
|
||
Cursor
|
||
Codex
|
||
```
|
||
|
||
## Почему не Ant Design / Bootstrap
|
||
|
||
Ant Design подходит для быстрых корпоративных систем, но SFERA должна выглядеть как современный AI enterprise workspace, а не как старая админка.
|
||
|
||
Bootstrap и старые admin templates не использовать как основу.
|