shreeve

JavaScript Garden Analysis: How Rip Improves the Situation

JavaScript Garden documents the most notorious quirks and pitfalls of JavaScript. Here's a deep analysis of each section and how Rip eliminates or mitigates these problems.

---

1. Equality (== vs ===) — Eliminated

JavaScript Garden calls == a source of "hard-to-track-down bugs" due to type coercion. Rip solves this at the language level with two mechanisms:

shreeve

Rip Language Reference

Rip is a modern reactive language that compiles to ES2022 JavaScript. It combines CoffeeScript's elegant syntax with built-in reactivity primitives. Zero dependencies, self-hosting, ~13,500 LOC.

---

Table of Contents

shreeve

Configure nginx to handle CORS for us, so we don't even see it

  server {
    server_name _;
    listen      443 ssl http2;
    listen [::]:443 ssl http2;

    root /home/public/www;

shreeve

#!/bin/bash

# =============================================================================
# ssl-certs.sh - Self signing SSL certificates
#
# Author: Steve Shreeve <steve.shreeve@gmail.com>
#   Date: Dec 17, 2022
# =============================================================================

# Use https://gist.github.com/shreeve/3358901a26a21d4ddee0e1342be7749d

shreeve

# =============================================================================
# .gitconfig
#
# Author: Steve Shreeve <steve.shreeve@gmail.com>
#   Date: Dec 15, 2022
# =============================================================================

# curl -Lso ~/.gitconfig http://bit.ly/3FANcK7

[user]

shreeve

# =============================================================================
# .tmux.conf
#
# Author: Steve Shreeve <steve.shreeve@gmail.com>
#   Date: Jan 5, 2023
# =============================================================================

# curl -so ~/.tmux.conf https://gist.githubusercontent.com/shreeve/c751769ea46b34c1c30b97fa2762770b/raw/.tmux.conf
#
# For iTerm2, make sure to check "use Powerline Glyphs" in order to render special chars

shreeve

" vim config

set nocompatible                  " Must come first because it changes other options

" Enable pathogen
execute pathogen#infect()

color benlight                    " Color theme

syntax on                         " Use syntax highlighting

shreeve

Setup macOS (Updated for macOS 26 - Tahoe)

• See http://bit.ly/3W4FNK7
• See https://github.com/streemline/osx-optimizer

Initial setup

• Add the Applications icon:
  • Open the Finder and press Command-Shift-A to open Applications
  • Drag the Applications folder just left of the Downloads icon on the dock

shreeve

waitForSelector(want, opts={})

coffeescript

waitForSelector(want, opts={}) =>
  new Promise (resolve, reject) =>
    return resolve node if node = document.querySelector want

    find = new MutationObserver (changes) =>

shreeve

N A M  Operator(s)            Description
- - -  -----------            -----------
1 R Y  ! ~ +                  boolean NOT, bitwise complement, unary plus
                              (unary plus may be redefined from Ruby 1.9 with +@)

2 R Y  **                     exponentiation
1 R Y  -                      unary minus (redefine with -@)

2 L Y  * / %                  multiplication, division, modulo (remainder)
2 L Y  + -                    addition (or concatenation), subtraction