lowdb example

by Shashi Kumar Nagulakonda

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.12.0/lodash.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/low.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/LocalStorage.min.js"></script>
<button id="add">
  Add
</button>

<button id="reset">
  Reset
</button>

<p>
  Data is automatically stored in localStorage. Try to reload this page.
</p>

<pre id="state"></pre>

JavaScript

//
// Lowdb code example
// See https://github.com/typicode/lowdb
// 

// LocalStorage is a lowdb adapter for saving to localStorage
const adapter = new LocalStorage('db')

// Create database instance
const db = low(adapter)

// Set default state
db.defaults({ items: [] })
  .write()

function add() {
  db.get('items')
    .push({ time: Date.now() })
    .write()
}

function reset() {
  db.set('items', [])
    .write()
}

//
// UI code using vanilla JavaScript
// You can use any other UI lib with lowdb
//

function render() {
  const state = db.getState()
  const str = JSON.stringify(state, null, 2)
  document.getElementById('state').innerHTML = str
}

document.getElementById('reset').onclick = function() {
  reset()
  render()
}

document.getElementById('add').onclick = function() {
  add()
  render()
}

render()