Kevin Isom Kevnz

NPM V 5 and up

performance improvements
package-lock.json

NPX

explain

create react app
local modules (tape example)

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"

Mac and Cheese

1/2 Onion
2 tbls butter
2 cups of mac
4 rashers of bacon
2 cups of hot water
1 cup milk
1/4 cup clour
1 pinch of salt
2 cups of cheese

Making a mobile game

Game frameworks

Deployment options

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.

	#!/usr/bin/env node
	const asciify = require('asciify');
	asciify('NPX', function(err, res){ console.log(res);
	console.log('yay gist')
	console.log('Hi Auckland Node.JS Meetup')
	});

	const buildTable = (data) => {
	const body = document.querySelector('.table-container');
	body.innerHTML = '';
	const tbl = document.createElement('table');
	const thead = document.createElement('thead');
	thead.innerHTML = '<tr><th>ID</th><th>Prop1</th><th>Prop2</th><th> </th></tr>'
	const tbdy = data.map((item) => {
	const tr = document.createElement('tr');
	tr.innerHTML = `<td>${data.prop1}</td><td>${data.prop2}</td><td>Something else</td>`;
	return tr;

	<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)

	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"

	/* 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;