Using Dexie.js in React apps for offline data storage

 By LogRocket Blog - 2021-02-25

Description

Dexie.js is a minimalistic wrapper for the IndexedDB API to handle offline data storage in our web applications.

Summary

  • Ebenezer Don FollowFull-stack software engineer with a passion for building meaningful products that ease the lives of users.
  • Using Dexie.js in React apps for offline data storage February 25, 2021 8 min read2395 Storing application data offline has become a necessity in modern web development.
  • In our itemData variable, we’re mapping through all the items in the allItems array of data and then getting the properties id, name, price, and itemHasBeenPurchased from each item object.
  • We’ve also seen how to use the Dexie useLiveQuery hook to watch for changes and re-render our React component whenever the database is updated.

 

Topics

  1. Frontend (0.28)
  2. Mobile (0.23)
  3. Database (0.22)

Similar Articles

How to use IndexedDB to build Progressive Web Apps

By Medium - 2020-09-01

In this previous post, I talked about implementation of IndexedDB inside Service Workers. If you don’t understand that part, please read that article to clear up some concepts about service workers…

Spring Data Neo4j - Developer Guides

By Neo4j Graph Database Platform - 2021-01-05

For Java developers who use the Spring Framework or Spring Boot and want to take advantage of reactive development principles, this guide introduces Spring integration through the Spring Data Neo4j pr ...

What is JSON? And why do you need it?

By DEV Community - 2020-12-27

Before going on to the topic JSON, I would like to discuss a simple example because it will be a lot... Tagged with javascript, beginners, tutorial, webdev.

Python and MySQL Database: A Practical Introduction

By realpython - 2021-01-22

In this tutorial, you'll learn how to connect your Python application with a MySQL database. You'll design a movie rating system and perform some common queries on it. You'll also see best practices a ...