Контекст и хранилища: когда использовать каждый из них
Сравните контекст и хранилища для совместного использования состояния в разных сценариях
«Контекст и хранилища: когда использовать каждый из них» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Два подхода
Хранилища обеспечивают совместное использование во всём приложении, а контекст — внутри определённого поддерева.
Глобальные варианты использования
Хранилища подходят для сквозных задач: текущий пользователь, theme, уведомления.
Варианты использования с ограниченной областью
Контекст подходит для состояния отдельного экземпляра: компонент формы передаёт свой реестр потомкам.
Изоляция экземпляров
Если Вы монтируете два экземпляра формы, у каждого будет собственный контекст. Хранилища использовали бы общее состояние для обоих.
Особенности SSR
При неосторожном использовании хранилища могут передавать состояние между запросами в SSR. Контекст безопасен для запросов, поскольку ограничен экземпляром.
Реактивный контекст
Передайте хранилище через контекст для реактивного состояния, ограниченного поддеревом.
Не смешивайте подходы
Выбирайте один механизм для каждой задачи, чтобы код оставался предсказуемым.
Библиотеки компонентов
Составные компоненты, такие как вкладки и аккордеон, активно используют контекст для координации соседних компонентов.
Внедрение зависимостей
Контекст идеально подходит для внедрения служб или конфигурации из обёртки во все дочерние компоненты.
Тестирование
Контекст проще подменять в тестах, заменяя компонент-обёртку.
Дерево решений
Для всего приложения и единственного экземпляра: хранилище. Для отдельного экземпляра или поддерева функции: контекст.
Быстрая проверка
Когда контекст предпочтительнее хранилища?
Повторение
Хранилища — для глобального состояния, контекст — для состояния с ограниченной областью. Используйте контекст для составных компонентов и внедрения зависимостей.
Часто задаваемые вопросы
Урок «Контекст и хранилища: когда использовать каждый из них» бесплатный?
Да — полный текст урока «Контекст и хранилища: когда использовать каждый из них» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Контекст и хранилища: когда использовать каждый из них»?
Сравните контекст и хранилища для совместного использования состояния в разных сценариях Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Контекст и хранилища: когда использовать каждый из них»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- setContext() и getContext()
- Контекст и хранилища: когда использовать каждый из них
- Типизированный контекст с TypeScript
- Контекст для внедрения зависимостей