dustingetz

TodoMVC, with a twist! — Electric Clojure

1. it's multiplayer! 0 LOC cost
2. state is durable! (server side database) 0 LOC cost
3. See those pending spinners? We've added a server delay to demonstrate managed load states.

20220817.todomvc.mp4

Electric is a "multi tier" Clojure/Script dialect for full-stack web application development. It uses macros to let you interweave client and server code in a single .CLJC file, so you can define a full-stack frontend/backend webapp all in one place. Electric is designed for rich dynamic applications with reactive user interfaces and complex frontend/backend data sync requirements.

pesterhazy

This gist lists challenges you run into when building offline-first applications based on IndexedDB, including open-source libraries like Firebase, pouchdb and AWS amplify (more).

Note that some of the following issues affect only Safari. Out of the major browsers, Chrome's IndexedDB implementation is the best.

Backing file on disk (WAL file) keeps growing (Safari)

When this bug occurs, every time you use the indexeddb, the WAL file grows. Garbage collection doesn't seem to be working, so after a while, you end up with gigabytes of data.

Random exceptions when working with a large number of indexeddb databases (Safari)

tuchella

[
  {
    "name": "accelerate",
    "help": "`accelerate` turns a number pattern into a control pattern that speeds up (or slows down) samples while they play.",
    "cmd": "accelerate :: Pattern Double -> ControlPattern",
    "paramTypes": [
      "Pattern Double"
    ],
    "returnType": "ControlPattern",
    "links": [

jdubie

;; nice for reagent

(defmacro defc
  "syntactic sugar for declaring stateful components. Keeps signature of inner
  and outer params consistent.

  Before:
  (defn stateful-component
    [params]
    (let [local state]

jsdf

// for an updated version see https://github.com/jsdf/react-native-refreshable-listview

var React = require('react-native')
var {
  ListView,
  ActivityIndicatorIOS,
  StyleSheet,
  View,
  Text,
} = React

justinhillsjohnson

General

  1. Site uses a cache buster for expiring .js, .css, and images
  2. JavaScript and CSS is minified and concatenated into logical groupings
  3. Images have been optimized by ImageOptim (http://imageoptim.com/)

Markup

  1. Code does not contain inline JavaScript event listeners

MohamedAlaa

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

n1k0

var casper = require("casper").create()
  , url = casper.cli.get(0)
  , metas = [];

if (!url) {
    casper.echo('Usage: casperjs [url]').exit();
}

casper.on('remote.message', function(msg) {
    console.log(msg);

billdawson

var win = Ti.UI.createWindow({
  title: 'Sound Recorder Test', 
  exitOnClose: true, 
  fullscreen: false, 
  backgroundColor: 'black'
});

// const value grabbed from
// http://developer.android.com/reference/android/provider/MediaStore.Audio.Media.html#RECORD_SOUND_ACTION
var RECORD_SOUND_ACTION = "android.provider.MediaStore.RECORD_SOUND";