Учебник Naive UI

Введение
- Что такое Naive UI
- История и философия библиотеки
- Сравнение с другими UI-фреймворками
- Системные требования
Установка и настройка
- Установка через npm
- Установка через yarn и pnpm
- Подключение через CDN
- Интеграция с Vue 3
- Настройка TypeScript
- Конфигурация сборщиков
- Первый проект на Naive UI
Основы работы с компонентами
- Импорт компонентов
- Глобальная и локальная регистрация
- Древовидная структура компонентов
- Props и их типизация
- События компонентов
- Slots и их использование
- Ref-доступ к компонентам
Система тем
- Концепция тематизации в Naive UI
- Встроенные темы
- ConfigProvider и глобальные настройки
- Переопределение токенов темы
- Создание кастомной темы
- Динамическое переключение тем
- Темизация отдельных компонентов
- CSS-переменные и их применение
Типографика и текст
- Компонент Text
- Компонент P
- Компонент H
- Компонент Blockquote
- Компонент Ul и Ol
- Стилизация текста
- Ellipsis и обрезка текста
Кнопки и действия
- Компонент Button
- Типы и размеры кнопок
- Иконки в кнопках
- Группы кнопок
- Состояния loading и disabled
- Button Group
- Dropdown Button
Формы и ввод данных
- Структура форм в Naive UI
- Компонент Form
- FormItem и Layout
- Валидация форм
- Async валидация
- Кастомные правила валидации
- Обработка ошибок
- Динамические формы
Поля ввода
- Input и его модификации
- Textarea
- InputNumber
- Password Input
- Маски и форматирование
- Autosize для textarea
- Input Group
- Префиксы и суффиксы
Селекторы и выбор
- Select и его возможности
- Множественный выбор
- Поиск и фильтрация опций
- Группировка опций
- Виртуальный скроллинг в Select
- Cascader
- TreeSelect
- Mentions
Переключатели
- Radio и RadioGroup
- Checkbox и CheckboxGroup
- Switch
- Rate
- Slider
- Кастомизация переключателей
Выбор даты и времени
- DatePicker
- Форматы дат
- Диапазоны дат
- TimePicker
- DateTimePicker
- Локализация календаря
- Ограничения выбора дат
Загрузка файлов
- Upload компонент
- Типы загрузчиков
- Предпросмотр файлов
- Валидация файлов
- Обработка загрузки
- Кастомная логика upload
- Drag and drop
Отображение данных
- Table и его конфигурация
- Колонки и их настройка
- Сортировка данных
- Фильтрация в таблицах
- Пагинация
- Выбор строк
- Expandable rows
- Виртуальный скроллинг таблиц
- Фиксация колонок
- Tree table
Списки
- List компонент
- ListItem
- Виртуальные списки
- Infinite scroll
Навигация
- Menu компонент
- Вложенные меню
- Горизонтальное меню
- Breadcrumb
- Pagination
- Steps
- Tabs
- Anchor
Layout компоненты
- Layout основы
- Header, Footer, Aside, Content
- Сетка Grid
- GridItem
- Space компонент
- Divider
- Responsive дизайн
Модальные окна
- Modal компонент
- Программное управление модалками
- Dialog хелперы
- Drawer
- Popover
- Tooltip
- Popconfirm
- Popselect
Уведомления
- Notification система
- Message компонент
- Alert
- Позиционирование уведомлений
- Кастомизация уведомлений
- Программный вызов
Индикаторы
- Spin и загрузка
- Progress линейный
- Progress круговой
- Skeleton
- Badge
- Tag
- Avatar
Отображение контента
- Card компонент
- Collapse и аккордеон
- Description
- Empty состояние
- Result страницы
- Timeline
- Statistic
Data Entry расширенное
- Transfer
- Tree компонент
- Операции с деревом
- Dynamic Input
- Dynamic Tags
- Color Picker
- Auto Complete
Feedback компоненты
- Loading Bar
- BackTop
- Affix
- Watermark
- FloatButton
Утилиты и хелперы
- ConfigProvider продвинутое
- GlobalStyle
- MessageProvider
- DialogProvider
- NotificationProvider
- LoadingBarProvider
- Composition API интеграция
Иконки
- Интеграция иконок
- Библиотеки иконок
- Icon компонент
- Кастомные иконки
- Динамическая загрузка
Производительность
- Tree shaking
- Lazy loading компонентов
- Оптимизация рендеринга
- Виртуализация больших списков
- Debounce и throttle
- Профилирование
Адаптивность и доступность
- Responsive breakpoints
- Mobile-first подход
- Touch события
- Accessibility стандарты
- ARIA-атрибуты
- Клавиатурная навигация
- Screen reader поддержка
Интернационализация
- i18n в Naive UI
- Смена языка интерфейса
- Кастомные локали
- RTL поддержка
- Форматирование чисел и дат
Интеграция с экосистемой
- Vue Router интеграция
- Pinia/Vuex интеграция
- Axios и HTTP
- VueUse утилиты
- Nuxt.js интеграция
- Vite оптимизация
Кастомизация
- Создание собственных компонентов
- Расширение базовых компонентов
- Композиция компонентов
- Переопределение стилей
- CSS Modules
- Styled components подход
Тестирование
- Unit тестирование компонентов
- Vitest настройка
- Тестирование пользовательских сценариев
- Snapshot тестирование
- E2E тестирование
Миграция и обновление
- Миграция с Element Plus
- Миграция с Ant Design Vue
- Обновление версий Naive UI
- Breaking changes
- Deprecation warnings
Практические паттерны
- CRUD интерфейсы
- Админ-панели
- Дашборды
- Формы многошаговые
- Фильтры и поиск
- Авторизация и роли
- Обработка состояний загрузки
- Оптимистичные обновления
Частые проблемы и решения
- Отладка компонентов
- Конфликты стилей
- Проблемы производительности
- TypeScript ошибки
- SSR особенности
- Совместимость браузеров
API справочник
- Компоненты от А до Я
- Props всех компонентов
- Slots документация
- Методы компонентов
- TypeScript типы