Quick Snippets and Code Samples

Handle media queries in React with hooks

Handle media queries in React with a useMediaQuery() hook

#react #hooks

Format currency with Intl

Use Intl.NumberFormat() to convert currency, units, notation, and other numeric values

#javascript #intl

Basic Three.js Scrollbar Animation

Animate a Three.js scene when the user changes the scroll position.

#threejs

Hydrate Next.js Props to Realtime Firestore Data

Fetch and transitioning server-rendered data with Next.js to realtime Firestore data.

#react #ssr #nextjs #firestore

Use the Firestore Emulator with Flutter

How to use the Firestore Emulator in a Flutter App

#flutter #firestore

Flutter Firebase App Setup for Power Users

How to setup a new Flutter project with Firebase, Firestore, Crashlytics, Analytics, and more.

#dart #flutter #firebase

Authenticate a Firebase User on the Server

How to setup express middleware for serverside auth in Firebase

#node #security #auth

Hot Reload Node Typescript Server

Setup a Node.js server with TypeScript that automatically restarts when the source code changes

#typescript #node

How to use JS with Flutter Web

How to interop between JavaScript and Dart with Flutter Web

#flutter #javascript

How to Build a CSS Dropdown Menu

Build a clickable dropdown menu with CSS (no JavaScript)

#css

Merge a Pull Request with the GitHub GraphQL API

How to retrieve and merge Pull Requests programmatically with the GitHub GraphQL API.

#github #graphql #node

Automatic Backups for Firestore via Github Actions

How to implement a daily background job that exports your Firestore data to a storage bucket.

#firebase #firestore #github

Theme your Web App with CSS Variables

How to dynamically theme a website with CSS. Methods for light/dark mode and multiple custom themes.

#css #javascript

How to Use Svelte with Electron

Setup Svelte with Electron Forge for Desktop App Development

#svelte #electron

Delete a Firestore Collection

How to delete a Firestore Collection or Subcollection

#firebase #firestore

Read a Single Firestore Document

Strategies for querying a single Firestore document.

#firebase #firestore

Slack API Signing Signature Verification

Verify signed requests from the Slack API with Node.js

#node #slack

Handle Radial Pan Events in Flutter

Calculate the rotation of a wheel in Flutter from user pan gestures.

#flutter #ui #dart

Access the Index on Dart List.map()

How to access the index when using the map method on a Dart List.

#flutter #dart

Firestore Order by Document ID or Field

How to auto-increment a document field or ID in Firestore

#firebase #firestore #data-modeling

Custom Svelte Store Examples

A quick guide to Svelte custom stores and their use-cases.

#svelte

Firestore Tag Filtering With in Queries

Query by tag or category labels in Firestore using IN and array-contains-any.

#firebase #firestore

Algolia Instantsearch with Angular

Algolia Instantsearch with Angular 8

#angular #algolia

Algolia Instantsearch with React

Algolia InstantSearch with React

#react #algolia