SPA-Storage плагин для хранилища браузеров Svelte и Pinia

Здравствуй мир… Разработка полна многоразового кода, и когда идеи становятся хорошими, эти идеи становятся многоразовыми.

В связи с этим я использую в некоторых своих проектах плагин, который я разработал и который действительно мне помогает. Возможность сохранять и извлекать информацию в хранилище.

Несмотря на то, что это очень просто сделать в Svelte и Pinia, я немного усовершенствовал его, чтобы облегчить взаимодействие с хранилищами и избавить себя от необходимости переписывать один и тот же код снова и снова.

Теперь я выложил его в репозиторий npm, чтобы помочь всем и себе самому просто импортировать и установить его.

NPM — SPA-STORAGE


Плагин

Установка очень проста и заключается в выполнении команды npm.

npm install spa-storage

После этого вы можете импортировать его и установить некоторые опции, а также выбрать, хотите ли вы взаимодействовать с Storage или Forage.

Пример установки опций — действительно просто!

Опции в приведенном выше примере устанавливают использование Forage браузеров, а также шифрование информации. Это простое шифрование, которое любой может взломать, это только для того, чтобы зашифровать информацию в браузере.
Без шифрования

С шифрованием


Использование

Это работает с Svelte и Pinia — вторая предназначена для VueJS.

Использование Svelte

Пример установки значения в хранилище

Теперь извлечение информации, наиболее распространенный случай — первая загрузка приложения.
Пример извлечения информации

Использование Pinia

Pinia немного отличается от Svelte.


Заключение

Вот и все… Я просто хотел написать эту простую статью, чтобы продемонстрировать этот плагин.

Для получения дополнительной информации вы можете перейти в репозиторий NPM.


Другие проекты

Финансовые заметки: Нажмите, чтобы увидеть этот проект, сделанный с помощью Svelte и Framework7.

Счетчик функциональных точек: Нажмите, чтобы увидеть этот проект, сделанный полностью на Svelte.

Svelte-Client-Router: Нажмите, чтобы увидеть этот маршрутизатор, который действительно прост в использовании с проектами SPA Svelte.

Оцените статью
devanswers.ru
Добавить комментарий