Архитектура хранилищ: модули функций
Организуйте хранилища в модули функций с инкапсулированными действиями и селекторами.
«Архитектура хранилищ: модули функций» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Зачем нужны функциональные модули
Большие приложения выигрывают от организации хранилищ по функциям: cart/, auth/, orders/.
Что экспортирует каждый модуль
Каждый модуль экспортирует state, производные значения и действия для соответствующей функции.
// $lib/cart/store.js
export const items = writable([]);
export function add(item) { items.update(i => [...i, item]); }Инкапсуляция
Внутренние детали хранилища остаются в модуле; потребители используют экспортированные действия.
Селекторы
Предоставляйте производные селекторы для распространенных запросов.
export const total = derived(items, ($items) => $items.reduce((s, i) => s + i.price, 0));Тестирование
Каждую функцию можно тестировать изолированно, не запуская все приложение.
Композиция
Составляйте функции, импортируя необходимое; избегайте неявных межмодульных зависимостей.
Соглашения об именовании
Примите единообразные правила именования, чтобы потребители знали, где искать нужное.
Модели TypeScript
Определяйте типы в функциональном модуле и экспортируйте их вместе с хранилищем.
Отложенная инициализация
Для функций, относящихся к отдельным маршрутам, загружайте модуль по требованию при посещении маршрута.
Координация между функциями
Используйте шину событий или оркестратор более высокого уровня для координации без жесткой связанности.
Масштабирование
Функциональные модули хорошо масштабируются: каждая команда отвечает за собственную папку функции.
Быстрая проверка
Каково главное преимущество функциональных модулей?
Итоги
Организуйте хранилища в функциональные модули с state, действиями и селекторами. Экспортируйте чистый API для каждой функции.
Часто задаваемые вопросы
Урок «Архитектура хранилищ: модули функций» бесплатный?
Да — полный текст урока «Архитектура хранилищ: модули функций» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Архитектура хранилищ: модули функций»?
Организуйте хранилища в модули функций с инкапсулированными действиями и селекторами. Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «Архитектура хранилищ: модули функций»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Архитектура хранилищ: модули функций
- Шаблон шины событий с хранилищами
- Оптимистичные обновления интерфейса
- Отмена и повтор действий с историей хранилища