jeffpeterson

Composable UI

We’ll be splitting our components into two kinds: "UI Components" and "Domain Components".

UI Components

This is the design system I use for all of my projects. The goal is to reduce the complexity of building UI by an order of magnitude or more. The principles aren’t specific to React and apply generally to any web UI.

jeffpeterson

import * as Backend from 'automerge/backend'

let doc = Backend.init()

loadChangesFromDisk().then(onRemoteChanges)

function onLocalChange(change) {
  const [newDoc, patch] = Backend.applyLocalChange(doc, change)
  doc = newDoc
  saveChangeToDisk(change)

jeffpeterson

Keybase proof

I hereby claim:

• I am jeffpeterson on github.
• I am jeffpeterson (https://keybase.io/jeffpeterson) on keybase.
• I have a public key ASD2XkEsPA5ERFu08W9mrjjmp-9bLYSu_Gg7OfEZ7HgZKAo

To claim this, I am signing this object:

jeffpeterson

const FTW = class extends class extends class extends class extends class {
  
} {
  
} {
  
} {
  
} {
  

jeffpeterson

export default spool

// thread first (left) argument
export function spool(s, r) {
  return _spool(s, r, (r, args) => [r, ...args])
}

// thread last (right) argument
export function spoor(s, r) {
  return _spool(s, r, (r, args) => [...args, r])

jeffpeterson

#!/usr/bin/env ruby

if !ARGV[0]
  puts "USAGE: #{$0} <file>"
  exit 1
end

at_exit { run! }

def run!

jeffpeterson

#!/usr/bin/env bash


HUE_USERNAME=arsinh1234
# HUE_IP=192.168.1.5
HUE_IP=204.28.118.31:5080

rest() {
  if [[ "${@}" == *{}* ]]; then
    rest "${@//'{}'/1}"

jeffpeterson

class Object
  def method_lookup *args, result
    public_methods(false).select do |name|
      begin
        begin
          next clone.send(name, *args) == result
        rescue TypeError
          next send(name, *args) == result
        end

jeffpeterson

require 'turtle'

turtles = [Turtle.new, Turtle.new, Turtle.new]

while true
  # get the command
	print "Enter a command: "
	s = gets.chomp

	# exit?

jeffpeterson

! Definition for the 0 in `ta 0`:
! /usr/include/sys/trap.h
! Definition for the 4 in `mov 4, %g1`
! /usr/include/sys/syscall.h

.global main

.section ".data"          ! We need read/write memory

format_string: