Marvin Hagemeister marvinhagemeister

Tagged Objects

The goal is to implement a form of pattern matching that works well in the existing dynamic environment of ECMAScript.

The goal is to find a way to do efficient pattern matching such as using an object tag. JS VMs already have a field for this that is used to tag various kinds of built-in objects.

This tag could be extended to also include a user space range.

The Mechanism

A vision for data interchange in Elm

How do you send information between clients and servers? What format should that information be in? What happens when the server changes the format, but the client has not been updated yet? What happens when the server changes the format, but the database cannot be updated?

These are difficult questions. It is not just about picking a format, but rather picking a format that can evolve as your application evolves.

Literature Review

By now there are many approaches to communicating between client and server. These approaches tend to be known within specific companies and language communities, but the techniques do not cross borders. I will outline JSON, ProtoBuf, and GraphQL here so we can learn from them all.

I bundled these up into groups and wrote some thoughts about why I ask them!

If these helped you, I'd love to hear about it!! I'm on twitter @vcarl_ or send me an email carl.vitullo@gmail.com

Onboarding and the workplace

https://blog.vcarl.com/interview-questions-onboarding-workplace/

How long will it take to deploy my first change? To become productive? To understand the codebase?
What kind of equipment will I be provided? Will the company pay/reimburse me if I want something specific?

Moved to Shopify/graphql-design-tutorial

🐻 valoo

just the bare necessities of state management.

Usage

Hotlink it from https://unpkg.com/valoo.

See Interactive Codepen Demo.

	function add(a, b) {
	return a + b;
	}
	add(1, 2); // Starts as monomorphic
	add(2, 3); // Still monomorphic
	add('x', 'y'); // Now becomes polymorphic - bad for optimisation

	// Microbenchmark to investigate https://twitter.com/DasSurma/status/927324384238473222

	var isEvenNum = (num = 1) => num !== 0 && num % 2 === 0;
	var sqrNum = num => num * num;

	var N = 1000;
	var arr = [];
	for (n = 1; n <= 10000; ++n) arr.push(n);

	function multiloops() {

	/** Usage:
	* const MyView = unrecycle(props => {
	* // this is normally a no-go and creates leaking styles, but it won't with unrecycle():
	* <input ref={ c => c && c.style.background='red' } />
	* })
	*/
	export default function unrecycle(Component) {
	return function Unrecycle(props, context) {
	this.componentWillUnmount = dontRecycle;
	return Component.call(this, props, context);

	if (typeof WeakMap !== 'function') {
	let c = 0;
	WeakMap = function() {
	let id = typeof Symbol === 'function' ? Symbol() : `__weak$${++c}`;
	this.set = (key, val) => { key[id] = val };
	this.get = key => key[id];
	};
	}