Introduction

The previous storage management was like this:

• ❌ Magic Strings Everywhere
• ❌ No unified storage module

Or like this:

• ❌ Need to maintain a constant storage key dictionary
• ❌ Frequent import and export

But now it's like this:

• ✅ Smart TypeScript type hints
• ✅ Uniformly maintained storage modules
• ✅ Can be directly associated with Vue's ref or React's state

How It Works?

Soft Storage will read the storage objects created in the project and serialize them into strings using JSON. Then internally call the Web Storage API (opens new window) to create storage.

In addition, Soft Storage will use Proxy API to create Vue or React responsive variables to facilitate developers to modify storage values

WARNING

• Proxy and Reflect are used in the source code, so IE series browsers are not supported
• The minimum supported Vue version is 3.1.0 and React version is 16.8.0

Demo Projects

Here are two demonstration projects (Vue 3 Demo (opens new window) | React Demo (opens new window)) showing the basic usage of Soft Storage, you can take a look!