O webMaster é um pacote npm onde você pode usar em seus projetos para gerenciar informações no localStorage e com cookies
Você pode instalar o pacote atravez dos instaladores de pacote do node.js
-
npm
-
$ npm install webmaster
-
-
yarn
-
$ yarn add webmaster
-
-
pnpm
-
$ pnpm install webmaster
-
- localMaster
createData(payload)
- cria a estrutura inicial do valor que será carregado para o local storage(necessario usar osave()
)updateData(payload)
- atualiza o valor do que será carregado para o local torage(necessario usar osave()
)save()
- salva todos os dados atualizados da classe no local storagegetData()
- Retorna todos os dados atualizados no local storagestringfy(payload)
- transforma em string tudo que você passa como parametroparse(payload)
- transforma qualquer strings com códigos dentro em apenas códigodata
- data é o atributo da classe que contem o valor que será carregado pro local storage
Para instanciar você deve escolher se deseja utilizar os cookies ou o local storage, depois de escolher você deve importar uma das classes abaixo:
- localMaster para local storage
após a importação você deve instanciar a classe e passar os parametros necessários para ela, no caso do localMaster só é passado apenas a chave do do local storage
- React.js
-
import { localMaster } from "webmaster" function App() { const myStore = new localMaster("key") console.log(myStore) // > localMaster {} myStore.createData({name: "FOO"}) myStore.save() console.log(myStore) // localMaster { data: {name: "FOO"}} console.log(localStorage.getItem("key")) // '{name: "FOO"}' myStore.updateData({...myStore.getData(), age: 19}) myStore.save() console.log(myStore) // localMaster { data: {name: "BAR", age: 19}} console.log(localStorage.getItem("key")) // '{name: "BAR", age: 19}' return <h1>{myStore.getData().name}</h1> // <h1>BAR</h1> } export default App
-
- Vue.js
-
<script setup> import { localMaster } from "webmaster" const myStore = new localMaster("key") console.log(myStore) // > localMaster {} myStore.createData({name: "FOO"}) myStore.save() console.log(myStore) // localMaster { data: {name: "FOO"}} console.log(localStorage.getItem("key")) // '{name: "FOO"}' myStore.updateData({...myStore.getData(), age: 19}) myStore.save() console.log(myStore) // localMaster { data: {name: "BAR", age: 19}} console.log(localStorage.getItem("key")) // '{name: "FOO", age: 19}' </script> <template> <h1>{{ myStore.getData().age }}</h1> <!--<h1>19</h1>--> </template>
-
Foto de perfil | Descrição |
---|---|
Olá, eu sou Luis Davi, um desenvolvedor entusiasta que criou a biblioteca webMaster. Estou sempre buscando maneiras de tornar a web mais incrível e funcional. |
- 💼 Conecte-se comigo no LinkedIn
- 🌐 Visite o meu site pessoal para saber mais sobre meus projetos
- 📸 Siga-me no Instagram para ver as últimas novidades
Fique à vontade para entrar em contato comigo para qualquer dúvida ou colaboração!