Giter Site home page Giter Site logo

state-from-localstorage's Introduction

State-from-LocalStorage

npm version Licença: MIT

O State-from-LocalStorage é uma biblioteca JavaScript que permite armazenar o estado de um objeto em Local Storage, mantendo-o sincronizado entre as sessões do navegador.

Instalação

Para instalar a biblioteca, basta utilizar o gerenciador de pacotes npm:

npm install state-from-localstorage

Utilização

Para utilizar a biblioteca, importe-a em seu projeto e crie uma instância da classe Store com uma chave única para o objeto que deseja armazenar.

import { Store } from "state-from-localstorage";

const myStore = new Store("my-object");

Você pode então adicionar, atualizar ou remover propriedades do objeto armazenado utilizando os métodos addProperty, updateProperty e removeProperty, respectivamente:

// Adicionar uma propriedade ao objeto
myStore.addProperty("propriedade1", "valor1");

// Atualizar o valor de uma propriedade existente
myStore.updateProperty("propriedade1", "novo-valor");

// Remover uma propriedade do objeto
myStore.removeProperty("propriedade1");

Para obter o estado atual do objeto, basta utilizar a propriedade state:

console.log(myStore.state); // {propriedade1: 'novo-valor'}

Você também pode se inscrever para ser notificado sempre que o estado do objeto for atualizado, utilizando o método subscribe:

const myListener = () => {
  console.log("O estado do objeto foi atualizado!");
};

myStore.subscribe(myListener);

E, se quiser cancelar a inscrição, basta utilizar o método unsubscribe:

myStore.unsubscribe(myListener);

Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.