AWaselnuk

import type { LoaderArgs } from "@remix-run/server-runtime";
import {
  Outlet,
  useFetcher,
  useLoaderData,
  useRevalidator,
} from "@remix-run/react";
import { useEffect, useState } from "react";
import { json } from "@remix-run/server-runtime";
import { supabaseServerClient } from "~/utils/server/supabase.server";

AWaselnuk

Notes from ForwardJS conf - July 29, 2016

ForwardJS conf was a JavaScript conference held at the Regency Ballroom in San Francisco. It was my first time attending a tech conference and my first time in San Francisco and it was magical! The format was a mix of panel discussions and presentations, as well as full day workshops throughout the week.

I attended the Asynchronous programming in JavaScript workshop put on by Kyle Simpson (@getify) and it was awesome. We basically learned how to control time. I left feeling like a Tralfamadorian.

I will be writing a bit more about why I took chose that course on my blog. Below are the rough notes from talks and panel discussions:

AWaselnuk

type alias Model =
  { level : Int
  , name : String
  }

type Msg
  = ModifyLevel Int
  | ModifyName String

levelOptionsView : Model -> Html Msg

AWaselnuk

import React from 'react';

const SIZES = {
  'pico': 16,
  'icon': 32,
  'thumb': 50,
  'small': 100,
  'compact': 160,
  'medium': 240,
  'large': 480,

AWaselnuk

def nav_link_to(*args, **options, &block)
  class_names = ['nav-main-link']
  link_path =
    case args.length
    when 1
      args[0]
    when 2
      args[1]
    end
  class_names << 'active' if current_page?(link_path)

AWaselnuk

// From: http://mir.aculo.us/2011/03/09/little-helpers-a-tweet-sized-javascript-templating-engine/

function t (s,d) {
  for (var p in d)
    s=s.replace(new RegExp('{'+p+'}','g'), d[p]);
  return s;
}

// Call it like this:
// t("Hello {who}!", { who: "JavaScript" });

AWaselnuk

#spinner {
  width: 150px;height: 150px;
  -webkit-animation: sweep 1s infinite linear;
  border-radius:75px;
  border-bottom:5px solid #ccc;
}

@-webkit-keyframes sweep { to { -webkit-transform: rotate(360deg); } }

AWaselnuk

//  From: http://regexone.com/
//
//  abc…     Letters
//  123…     Digits
//  \d       any Digit
//  .        any Character
//  \.       Period
//  [abc]    Only a, b, or c
//  [^abc]   Not a, b, nor c
//  [a-z]    Characters a to z

AWaselnuk

// Returns a random integer between min (included) and max (excluded)
function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

AWaselnuk

## parse a .raml file and then compile Handlebar templates

# Import libraries
fs = require('fs')
appRoot = require('app-root-path')
RAML = require('raml-parser')
Handlebars = require('handlebars')

saveTemplate = (pathToView, renderedTemplate) ->
  console.log 'Saving template'