While sharing a little about The Web Storage API, we checked the Chrome Developer Console and\nfound out that there are some other options to store data in your browser.
\nIn this article, we will cover the research done to understand these two other options to store\ndata using our browser.
\nThere are times when developers need to store a rather large amount of structured data such as\nfiles/blobs. The fact that this can be done for client-side storage is blowing my mind right now.
\n\n\nThis feature is available in Web Workers.
\n
IndexedDB is both a transactional database system and a JavaScript-based object-oriented database,\nmeaning it lets you store and retrieve objects that are indexed with a key.
\nHave in mind these concepts:
\n\n\nNote: Like most web storage solutions, IndexedDB follows a same origin policy. So you cannot\naccess stored data across different domains.
\n
The API offers some interfaces to work with for us to interact with the DB properly and also\nit understands what we're trying to do with such objects.
\nFor us to connect to a DB we call the function open() on the indexedDB attribute of a\nwindow object, let me show you with a piece of code.
// number one is the version, you can pass any other number\n// as parameter there to set your version\nwindow.indexedDB.open(\"NAME-OF-YOUR-DATABASE\", 1);\n// var IDBOpenDBRequest = indexedDB.open(name);\n// var IDBOpenDBRequest = indexedDB.open(name, version);Here we can see an example of a todo app using IndexedDB.
\n"}},"pageContext":{"id":"8336b248-a02c-5b99-9872-d010cc9d8754"}}}