Anthony E. Alvarez anthonyalvarez

IndexedDB Snippets

Opening a Database

/**
 * @param: 2 - Database name, version
 * @returns: Constructor function
 * @description: Opening a Database
 */

IndexedDB Promised

This is a tiny library that mirrors IndexedDB, but replaces the weird IDBRequest objects with promises, plus a couple of other small changes.

Installation

If you're using Rollup/Webpack or similar:

npm install idb

Service Workers

Feature Probe

with error handling.

This is the entry point that starts entire process of an offline web experience. Browser has to support serviceWorker object.

if ('serviceWorker' in navigator) {

Fetch API and Promises

Semi-colons are placed only inside code blocks and at end of the last promise in the chain.

.then and .catch are similiar to UNIX file pipes process.

Response object methods

.text
.json

JavaScript Promises

What is a promise?

The core idea behind promises is that a promise represents the result of an asynchronous operation. A promise is in one of three different states:

• pending - The initial state of a promise.
• fulfilled - The state of a promise representing a successful operation.
• rejected - The state of a promise representing a failed operation.

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Anthony Alvarez</title>
	</head>
	<body>

	# Local files
	###################
	# package-lock.json

	# ignore all files in the build/ directory
	# Dependency directories
	###################
	node_modules/

	# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)

	# Source https://help.github.com/articles/about-codeowners/
	# This is a comment.
	# Each line is a file pattern followed by one or more owners.

	# These owners will be the default owners for everything in
	# the repo. Unless a later match takes precedence,
	# @global-owner1 and @global-owner2 will be requested for
	# review when someone opens a pull request.
	* @global-owner1 @global-owner2

	type: subject

	body

	footer

	# ========= INSTRUCTIONS FOR USE ============4950
	#
	# The Type
	# The type is contained within the title

	# https://www.mking.net/blog/using-vscode-as-the-default-git-editor

	git config --global core.editor "code --new-window --wait"
	git config --global core.editor "code --wait"