Say Goodbye To Local Storage

Local storage by default is pretty hard to maintain.

Imagine having hundreds of keys with values of many different types. How do you handle this?

In this article, I will present snippets of typesafe local storage functions and explanations on how to use them correctly.

So let's dive right in!

The FormLocalStorage Class

This is a custom class designed using TypeScript and leverages the Browser Local Storage API.

The idea behind this class is to save, clear, and store data into local storage in a typesafe manner, no matter how many keys and data types you're working with.

There are four key functions shown:

• saveFormData
• debouncedSaveFormData
• getFormData
• clearFormData

You can always add more functions as you see fit.

Usage

Conclusion

That's it!

I've kept this a short article because I only wanted to share the code snippet as a whole so you can use these functions right away.

Let me know if you enjoyed it, and I will make more articles like this in the future.