Kevin Isom Kevnz

Better local require() paths for Node.js

Problem

When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:

var Article = require('../../../models/article');

Those suck for maintenance and they're ugly.

Possible solutions

Good Enough™ Form Validation in React

…specifically React 0.13 using ES6 class syntax

Originally I was implementing the validator as a context, but then I got stung by parent context vs owner context. I'll likely return to the context model when React's context implementation is more final (looks like they're moving towards parent context over owner context, which I'd prefer).

Requirements

markup must match our existing markup, for UX consistency.
inputs are re-usable components with an explicit contract -- they are responsponsible for their error display and any required filtering of their value.

Local SSL websites on macOS Sierra

These instructions will guide you through the process of setting up local, trusted websites on your own computer.

These instructions are intended to be used on macOS Sierra, but they have been known to work in El Capitan, Yosemite, Mavericks, and Mountain Lion.

NOTE: You may substitute the edit command for nano, vim, or whatever the editor of your choice is. Personally, I forward the edit command to Sublime Text:

alias edit="/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl"

	var gulp = require('gulp');
	var browserify = require('browserify');
	var notify = require('gulp-notify');
	var source = require('vinyl-source-stream');
	var watchify = require('watchify');
	var plumber = require('gulp-plumber');
	var less = require('gulp-less');
	var csso = require('gulp-csso');
	var watch = require('gulp-watch');
	var envify = require('envify');

	var source = require('vinyl-source-stream');
	var gulp = require('gulp');
	var gutil = require('gulp-util');
	var browserify = require('browserify');
	var reactify = require('reactify');
	var watchify = require('watchify');
	var notify = require("gulp-notify");

	var scriptsDir = './scripts';
	var buildDir = './build';

	/** @jsx React.DOM */

	var SVGComponent = React.createClass({
	render: function() {
	return this.transferPropsTo(
	<svg>{this.props.children}</svg>
	);
	}
	});

	#!/bin/bash

	#Force file syncronization and lock writes
	mongo admin --eval "printjson(db.fsyncLock())"

	MONGODUMP_PATH="/usr/bin/mongodump"
	MONGO_HOST="prod.example.com"
	MONGO_PORT="27017"
	MONGO_DATABASE="dbname"

	/* normal flexbox */
	.flexbox .flex-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	}
	.flexbox .flex-container.vertical {
	display: -webkit-flex;
	display: -moz-flex;

	Disclaimer: The instructions are the collective efforts from a few places online.
	Nothing here is my original. But I want to put them together in one place to save people from spending the same time as I did.

	First off, bundle.
	==================

	1. cd to the project directory
	2. Start the react-native packager if not started
	3. Download the bundle to the asset folder:
	curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

	<pre id="maze"></pre>
	<script>
	//Why a roguelike?
	//A RL is a sweetspot between effort vs. new features
	//You get something awesome every 5 LoC or even just by tweaking a single variable, and this makes it fun to program
	//What's exciting about JS is that you can make something you can see in a browser, fast, and then share it with everyone
	//JS being a simple to understand, practical, and easy to share language has helped it develop an awesome community
	//Things to tweak
	//Try adding a ghost trail to the player by not replacing their last position with a .
	//Try making an AI that moves randomly, that moves towards the player, that runs away from the player (like tag)