Создание доступного для записи хранилища
Создайте доступное для записи хранилище и инициализируйте его начальным значением
«Создание доступного для записи хранилища» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Зачем нужны хранилища
Хранилища содержат реактивное состояние, которым можно делиться между компонентами. Они полезны для глобального состояния, например текущего пользователя.
Импорт записываемого хранилища
Фабрика writable импортируется из svelte/store.
import { writable } from "svelte/store";Базовое хранилище
Передайте начальное значение, чтобы создать хранилище.
export const count = writable(0);Начальное значение-объект
Хранилища могут содержать любые значения: числа, строки, массивы и объекты.
export const user = writable({ name: "", email: "" });API хранилища
У каждого хранилища есть три метода: subscribe, set и update.
Метод set
Полностью заменяет значение.
count.set(10);Метод update
Преобразует текущее значение с помощью обратного вызова.
count.update(n => n + 1);Файл модуля
Хранилища обычно объявляют в общем файле модуля, например src/lib/stores.js, а затем импортируют в других местах.
Статическое начальное значение
Начальное значение также можно загрузить из localStorage или задать значение по умолчанию.
const init = JSON.parse(localStorage.getItem("count") ?? "0");
export const count = writable(init);Без повторного создания
Каждый вызов writable() создаёт новое хранилище. Используйте один и тот же экземпляр во всех импортах.
Соглашения об именовании
Выбирайте понятные имена, например currentUser. Названия хранилищ часто заканчиваются существительным, обозначающим их предметную область.
Быстрая проверка
Какой метод заменяет значение?
Итоги
Создавайте записываемые хранилища с помощью writable(initial). Они предоставляют subscribe, set и update.
Часто задаваемые вопросы
Урок «Создание доступного для записи хранилища» бесплатный?
Да — полный текст урока «Создание доступного для записи хранилища» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 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 — локальная установка не требуется.
Все уроки этого курса
- Создание доступного для записи хранилища
- Подписка с помощью автоматической подписки $
- Обновление хранилищ: set() и update()
- Хранилища readable и пользовательские функции запуска