KyleAMathews

Actual Code Excerpts from Electric TypeScript Client Tests

All examples are taken directly from: ~/programs/electric/packages/typescript-client/test

1. Vitest Configuration (vitest.config.ts)

import { defineConfig } from 'vitest/config'

export default defineConfig({

KyleAMathews

#!/bin/sh

# This script is for installing the latest version of Turso CLI on your machine.

set -e

# Terminal ANSI escape codes.
reset="\033[0m"
bright_blue="${reset}\033[34;1m"

KyleAMathews

Disclaimer

I'm still very new to Kafka, eventsourcing, stream processing, etc. I'm in the middle of building my first production system with this stuff and am writing this at the request of a few folks on Twitter. So if you do have experience, please do me and anyone else reading this a favor by pointing out things I get wrong :)

Inspirations

• The Log — http://engineering.linkedin.com/distributed-systems/log-what-every-software-engineer-should-know-about-real-time-datas-unifying
• Turning the database inside out — http://www.confluent.io/blog/2015/03/04/turning-the-database-inside-out-with-apache-samza/
• Why local state is a fundamental primitive in stream processing — http://radar.oreilly.com/2014/07/why-local-state-is-a-fundamental-primitive-in-stream-processing.html
• Samza
• Various functional systems been exposed to over past year or so, React, Flux, RX, etc.

KyleAMathews

let mapleader = ','

if empty(glob('~/.vim/autoload/plug.vim'))
  silent !curl -fLo ~/.vim/autoload/plug.vim --create-dirs
    \ https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim
  autocmd VimEnter * PlugInstall --sync | source $MYVIMRC
endif

call plug#begin('~/.config/nvim/plugged')

KyleAMathews

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

KyleAMathews

import React from "react"
import { render, Static, Box, Color, Text } from "ink"
import BigText from "ink-big-text"
import BBox from "ink-box"
import TextInput from "ink-text-input"
import { Tabs, Tab } from "ink-tab"
import _ from "lodash"

const purple = [102, 51, 153]
const hexPurple = `#663399`

KyleAMathews

@import "modular-scale";
@import "functions";

$base-font-size: 16px;
$base-line-height: 24px;
$rhythm-unit: "rem";

// Setup vertical rhythm
@include establish-baseline;

KyleAMathews

Design systems and atomic design

• http://bradfrost.com/blog/post/atomic-web-design/
• https://24ways.org/2012/design-systems/

CSS-in-JS libraries

• https://github.com/KyleAMathews/typography.js
• https://github.com/threepointone/glamor
• https://github.com/styled-components/styled-components

KyleAMathews

diff --git a/packages/gatsby-recipes/src/gui.js b/packages/gatsby-recipes/src/gui.js
index a7baf92b1..378477678 100644
--- a/packages/gatsby-recipes/src/gui.js
+++ b/packages/gatsby-recipes/src/gui.js
@@ -26,6 +26,7 @@ const {
   defaultExchanges,
   subscriptionExchange,
 } = require(`urql`)
+const UrqlProvider = Provider
 const { SubscriptionClient } = require(`subscriptions-transport-ws`)

KyleAMathews

# install git
sudo apt-get install g++ curl libssl-dev apache2-utils make
sudo apt-get install git-core

# download the Node source, compile and install it
cd /opt
git clone https://github.com/joyent/node.git
cd node
git checkout v0.6
./configure