Search for a command to run...
I’m Tomek, software engineer, working mostly with Ruby on Rails.
I work remotely at Mixlr where every day we deliver live audio to millions of listeners.
After hours, I write, read, and help my wife run theCode.xyz
No comments yet. Be the first to comment.
As anyone who has written code knows, there are a million ways to break it. That's why code testing is so important - it's a way to make sure that your code is doing what it's supposed to, and that it can handle everything that's thrown at it. Unit T...
What is refactoring? Refactoring is the process of improving the design of existing code without changing its functionality. As software developers, we are constantly faced with the need to improve and optimize our code. Whether it's for performance,...
Composition and Inheritance There are two main ways to reuse code in object-oriented programming: composition and inheritance. Both have their advantages and disadvantages, and the choice of which to use in a given situation is a design decision. Wha...
Promises are one of the core features of JavaScript that allows us to write asynchronous code in a more synchronous way. Promises give us a way to handle asynchronous operations in a more linear fashion and make it easier to reason about our code. In...
What is the Pareto Principle? The Pareto Principle, also known as the 80/20 rule, is a powerful tool that can be used to improve efficiency and effectiveness in many different areas of life. The principle is simple: for many events, roughly 80% of th...
localStorage is a way to store data on the client-side, in the browser. This data is stored in key/value pairs and is available to JavaScript code running on that page.
localStorage is persistent, meaning that the data will remain even if the browser is closed and reopened. This makes it a good choice for storing data that needs to be accessed later, such as user preferences or settings.
It's important to know that the data stored in localStorage is specific to the domain, so data stored on one site will not be available to another site.
There are a few key differences between localStorage and cookies. First, local storage is not sent with every HTTP request like cookies are, so it's more efficient. Second, local storage data is persistent, meaning it doesn't expire as cookies do. Finally, local storage data is also more secure since it's not transmitted over the network like cookies are.
Modern browsers provide a clear API to work with localStorage, in this section we will take a closer look at methods allowing us to use this tool.
localStorage is used to store data in key/value pairs. The setItem() method is used to store data:
localStorage.setItem('key', 'value');
The 'key' is the name of the item to store, and the 'value' is the data to be stored.
The getItem() method is used to retrieve data:
localStorage.getItem('key');
This returns the value associated with the specified key, or null if the key does not exist.
The removeItem() method is used to remove data:
localStorage.removeItem('key');
This removes the data associated with the specified key.
The clear() method is used to clear all data from localStorage:
localStorage.clear();
This method removes all data from localStorage, including data that is not associated with any key.
Here is a simple example that stores a user's name in localStorage:
// Store the name 'John Smith' in localStorage
localStorage.setItem('name', 'John Smith');
// Retrieve the name from localStorage
let name = localStorage.getItem('name');
// Output the name to the console
console.log(name);
// Remove the name from localStorage
localStorage.removeItem('name');
This example first stores a name in localStorage using the setItem() method. It then retrieves the name from localStorage using the getItem() method. Finally, it removes the name from localStorage using the removeItem() method.
localStorage is a powerful tool, but it has some limitations.
First, as we already mentioned at the beginning of the article the data stored in localStorage is specific to the domain. This means that data stored on one domain cannot be accessed by another domain.
Second, localStorage only supports strings. This means that data that is not a string, such as objects, must be converted to a string before it can be stored in localStorage.
Third, localStorage is not secure. Data stored in localStorage is not encrypted and can be accessed by any code on the page.
Fourth, localStorage is not reliable. Data stored in localStorage can be lost if the user clears their browser cache or cookies.
localStorage is a simple and convenient way to store data locally in the browser. It can be a powerful addition to your toolbox.
Just keep in mind the limitations of localStorage, and be sure to serialize complex data structures before storing them.